⚫︎制作の流れ
クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを作成し、情報構成とテキスト量についてクライアントと合意形成。その後、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを先行し制作し、全体のイメージを確認いただきながら進めました。担当範囲はデザイン全般です。
⚫︎カラー
クラインアントより、ピンクをベースにするように指定があり、メインカラーをピンクにしました。ペルソナは20代〜40代の女性のため、落ち着いた印象を与えるためにベースカラーを落ち着いた色にしました。アクセントカラーはピンクで統一感を出しながら、目立つビビットなピンクを選びました。
⚫︎タイポグラフィ
サイトのゴシック体のフォントはInterを使用しました。見やすさを意識しました。数字にはHoltwood One SC、Mochiy Pop P Oneを使用し、可愛いが視認性の高いフォントを使用しました。
⚫︎情報設計
ファーストビューでは最も伝えたいベネフィットとCVボタンを最初に目に入るような位置へ配置しました。忙しいユーザーでもすぐにアクションを起こせるように意識しました。
⚫︎工夫したポイント
シックスビューではお得感がすぐにわかるように割引率が目立つようにレイアウトしました。また、具体的な数字を記載することでどのくらい安くするのかをすぐにわかるようにしました。
