Facebook 【HerTech 架空案件】新作フラッペのLP
Logo

【HerTech 架空案件】新作フラッペのLP

クレジット
Avatar
webデザイナー
【HerTech 架空案件】新作フラッペのLP-1
シェア
制作ノート
制作について

・制作の流れ

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

・カラー

素材に合わせたカラーを選ぶことで、商品のイメージを大切にしました。

・タイポグラフィ

Noto Sans JPで統一しました。

・情報設計

FVでは、最も伝えたいベネフィットとCVボタンを見やすい位置に配置し、忙しいユーザーでもすぐにアクションを起こせるよう意識しました。

・工夫したポイント

より意識して読んでほしい文章は、色味の強い赤色を用いて印象付けました。

また、縦のページに合わせて、読みづらくならないよう文字の配置は左右にぶれないよう意識しました。

さらに、商品に使用されている素材の写真を入れ込むことで、味をイメージしやすくなるよう意識しました。

シェア