【HerTech 架空案件】Ruby Coffee 新作フラッペ

スマホサイズ用のLPを制作しました。

・制作の流れ

架空案件の与件を元にペルソナを設定し、訴求ポイントを整理。

次にFigmaでワイヤーフレームを作成し、情報構成とテキスト量について設計。

その後、デザインのトンマナを固め、STUDIOでデザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを確認しながら進めました。

担当範囲は、ヒアリングから構成、完成まで全てです。

・カラー

全体的にモノトーンでおしゃれなイメージにベリーカラーをアクセントにすることで、カフェのおしゃれで洗練されたイメージを残しつつ、フラッペを目立たせることを意識しました。

・タイポグラフィー

おしゃれな雰囲気を演出するために、英語のフォント選びをこだわりました。また、2nd view～4th viewの見出し部分を英語にすることも意識しました。

・各viewのこだわり

1st viewでは、新作フラッペのベリーの果実感をイメージするようなカラー、画像を全面に出し、印象付けることを意識しました。

2nd viewでは、フラッペの素材が一目で分かるようなカラー選びと見やすさを意識しました。

3rd viewでは、Ruby Coffeeのおしゃれで洗練されたイメージでトーンを落としたカラーを、またキャンペーン内容を見やすくするために、暗めの背景と白文字で作成しました。

4th viewでは、各項目を英語表記することで、カフェのおしゃれなイメージ作りを意識しました。