【HerTech 架空案件】新発売ドックフードLP

●制作の流れ

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

●カラー

愛犬の健康管理フードになるので、かわいい元気な印象のある色を選びました。

●タイポグラフィ

サイトのゴシック体のフォントはNoto Sans JP、ファーストビューのフォントはFOT-筑紫B丸ゴシック Stdを使い、素材に合わせた可愛らしい印象にしました。

●情報設計

ファーストビューでは、「初回半額」に目が行く配色にし、忙しいユーザーでもすぐｎアクションを起こせるように意識しました。

●工夫したポイント

ポップで明るい印象になるように、ファーストビューの「半額」の横にドックフードの画像、購入ボタンに犬の画像を入れました。またボタンは立体的にし、リンクが飛べることを強調しました。サイトの配色ではファーストビューで使った色を取り入れ統一感を意識しました。