- INDUSTRY
- 食品・飲料
- ROLE
- ディレクション / デザイン制作 / 写真撮影 / HTMLコーディング
- STACK
- HTML / CSS
- 写真撮影
- レスポンシブ対応
- LPデザイン
OVERVIEW
プロジェクト概要
焙煎チアシードを使用したふりかけ商品の、スマートフォン専用ランディングページを制作しました。ディレクションとデザインに加え、商品写真の撮影も自ら担当した案件です。
01 — デザイン方針
食品商材は写真が購買判断を大きく左右するため、撮影段階からLPの構成を想定してカットを設計しました。デザインと素材を分けずに組み立てています。
- LP構成を前提とした撮影カット設計
- 食品の質感が伝わる光の設計
- 撮影からデザインまでの一貫制作
- スマートフォン専用の縦構成
02 — 構成の設計
スマートフォン専用のため、横幅の制約を前提に情報量を絞り込み、スクロールのリズムで読ませる構成としました。
- スマートフォン専用の縦一列構成
- 情報量を絞った可読性重視の設計
- 約6,500pxの適度な長さ
- チアシードの特長を段階的に説明
SCREENSHOT
ページ全体。
FULL PAGE — スクロールしてページ全体を確認できます
RESULTS
成果。
撮影からデザイン、コーディングまでを一貫して担当することで、素材とレイアウトが噛み合ったスマートフォン専用ランディングページにまとめました。
