【Her Tech架空案件】新作フラッペPR　LP

・制作の流れ

クライアント様からのヒアリング後、ペルソナを設定し、キャッチコピーとトンマナを決め訴求ポイントを整理しました。次に、ワイヤーフレームを作成し、情報構成とテキスト量について整理しました。その後、ワイヤーフレームとトンマナを元にデザインカンプに取り組みました。ファーストビューを先行して作成し、全体を制作しました。また、制作中のLPに合うようクライアント様からの支給画像を編集し利用しました。担当範囲は、デザイン全般です。

・カラー

新作フラッペに使用されている「3種のベリー」から連想される赤色をアクセントカラーに採用しました。また、ターゲットである20代～30代の女性に合わせた、派手になりすぎないトーンの赤色（＃ⅾ04337）を選び、上品さやトレンド感を感じさせつつも、赤が映える配色選びを意識しました。

・タイポグラフィ

視認性の高さと、「上品さ」と「親近感」の両立を目指しました。
本文：Noto Sans JP
癖がなく気負わずスラスラと読める視認性を重視し、ゴシック体であるNoto Sans JPを採用しました。
キャッチコピー：M PLUS Rounded 1c
目に留まりやすいよう角に丸みのあるフォントを使用し、インパクトを持たせつつも親しみやすさを演出しています。
英字：Merriweather
デザイン全体に知的な上品さと、高級感を出すために可読性の高いセリフ体を取り入れました。

・情報設計

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

・工夫した点

LPを制作するにあたり競合他社の飲料系LPを分析し、どのようなデザイン、レイアウトになっているかを考察しました。それの分析結果をペルソナ像に落とし込み、ターゲットの感性に響くワイヤーフレームやトンマナ、フォント選びをしました。
画像については、支給素材をそのまま配置するのではなく、FVでのインパクトを出しつつも商品が目立つような編集や、LP全体の雰囲気と調和された背景色になるように編集をしました。
注意書きを見逃さないようCVボタンの下に配置しました。デザインを邪魔しない最小限のサイズながらも、可読性を損なわない配置でユーザーの安心感と信頼感に配慮しました。