【Her Tech 架空案件】Ruby FrappeキャンペーンLP

◆制作の流れ

クライアントにヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを作成。その後トンマナを固め、デザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを膨らませながら進めました。担当箇所はデザイン全般です。

◆カラー

ターゲットに合わせて若い女性に好まれる淡い可愛らしい雰囲気にしました。

◆タイポグラフィ

サイトのメインのフォントには「筑紫ANB丸ゴS」を使用し、丸く可愛らしいく、英語の部分は「Kaushan Script」を使用しオシャレな雰囲気にしました。

◆情報設計

FVでは打ち出したいフラッペの画像で目を引かせ、CVボタンを目立たせるように配置し、ユーザーがInstagramをフォローしやすいようにしました。

【工夫したポイント】

・全体的には可愛らしく若い方向けのイメージにしましたが、「Introduction」の部分で何にこだわっているかを詳しく説明することでただ見た目で興味を持つユーザー以外の目にも止まるようにしました。

・VIEWの切り替わりの位置にスプーンの画像で区切りをつけて目で楽しめるようにしました。