Facebook 【HerTech架空案件】日焼け止めLP
Logo

【HerTech架空案件】日焼け止めLP

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】日焼け止めLP-1
シェア
制作ノート
制作について

●制作の流れ

あらかじめ提示されていたペルソナの情報をもとに、想定されるターゲットユーザーを想像し、バナーの制作を進めました。              バナーを完成させた後、課題に記載のない商品情報はLPとして成立する想定情報を設定し、AIを活用して整合性を確認しながら調整しLPを制作しました。                                                                                     全体の構成を検討しながらワイヤーフレームを作成し、情報構成及びテキスト内容を整理しました。その後デザインのトンマナを意識しながらデザインカンプ制作に着手しました。担当範囲はデザイン全般です。

●カラー

肌をきれいに見せる印象を与える淡いパープルを基調に配色し、商品の「トーンアップ効果」が伝わるよう意識しました。アクセントには夏を連想させるグリーンを使用し爽やかさを演出しつつ、ボタンなどの導線が目立つように調整しました。

●タイポグラフィ

サイトのメインの文字テキストは「Shippori Mincho」、商品名の文字テキストは「Playfair Display」を斜体で使用し、清潔感と上品さを感じられるようにしました。

●情報設計

FVでは、日焼け止めのLPであることが一目で伝わるように、商品画像写とキャッチコピー、日焼け止めを塗っている手の画像を配置しました。また、背景にキラキラとした画像を入れることで日差しや光を連想させ、商品の「トーンアップ」や透明感が伝わるようにしました。

●工夫したポイント

デザイン制作にあたり、購入までの流れを意識し、ユーザーが知りたい情報の順番を整理しました。                                                              FVで興味を引き、商品の特徴を理解できる構成した上で、購入ボタンへ自然に視線が誘導される配置を工夫しました。

シェア