Facebook 【Her Tech架空案件】ペットフードECショップLP
Logo

【Her Tech架空案件】ペットフードECショップLP

クレジット
Avatar
WEBデザイナー
【Her Tech架空案件】ペットフードECショップLP-1
シェア
制作ノート
制作について

【デザインについて】

●制作の流れ

クライアントの依頼を確認後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを作成しました。情報構成とテキスト量を形成後、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを確認いただきながら進めました。担当範囲はデザイン全般です。

●カラー

ワンちゃんの元気な感じと爽快感を表現するのにオレンジ、グリーンを選びました。

●タイポグラフィ

各セクションの見出しやキャッチコピーはZen Maru Gothicを使用し、ワンちゃんのかわいらしさを出しました。説明文はNoto Sans JPを使用し、読みやすさを意識しました。

●情報設計

FVでは、元気なワンちゃんの画像とキャンペーン情報を目に入る位置に配置し、一目でわかりやすい構成にしました。また、キャンペーン情報の真下にCVボタンを置くことですぐにアクションを起こせるように意識しました。

【工夫したところ】

・全体的にシンプルなレイアウトではありますが、①商品情報→②視聴者へのお悩みの呼びかけ→③おすすめの理由→④商品の詳細→⑤モニター結果→⑥商品情報という流れにし、呼びかけと理由付けをすることでイメージしやすく、購買欲につなげる構成にしました。

・すべてPhotoshopで作成しました。

・制作期間:約3週間。情報設計を大事にしました。デザインカンプの制作に入る前の準備をしっかり行い、作業がスムーズに進むように心がけました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/