【HerTech架空案件】VERY×BERRY Ruby Frappe ルビ友キャンペーン

・制作の流れ

与件シートを熟読後、ペルソナを設定し、訴求ポイントを整理。情報設計を講師に確認後、ワイヤーフレームを作成。その後、デザインのトンマナを固め、デザインカンプを作成。ファーストビューから順に作成した。

・カラー

ベリーの持つイメージカラーを意識して、赤みのあるカラーを使用しました。ベリーといっても赤・ピンクだけではないので、アクセントカラーとして紫色を用いて、視覚からもベリーを想像できるように配色しました。

・タイポグラフィー

おしゃれな手書き風の文字より、はっきり伝わり、少しカジュアルさや太さを出すためにNoto Sans JPを選びました。そうすることにより、文字も目に入りやすくなると思ったからです。

・情報設計

一番伝えたいことは“キャンペーン”なので、一番最初にキャンペーン内容を持ってきて、それと同じぐらい新商品をアピールするこを意識しました。そのあと、キャンペーンの参加方法を明記しました。キャンペーン①に関しては、だれでも参加しやすいように、画像を挿入して説明を作成し、②はWチャンスなので少し主張を抑え、ページを短くする工夫をしました。