Facebook 【HerTech 架空案件】カフェ新商品キャンペーンLP
Logo

【HerTech 架空案件】カフェ新商品キャンペーンLP

クレジット
【HerTech 架空案件】カフェ新商品キャンペーンLP-1
シェア
制作ノート
制作について

【制作の流れ】

与件シートの情報からキャッチコピーを設定し、訴求ポイントを整理。ワイヤーフレームを作成し、情報構成とテキスト量を調整。その後、デザインのトンマナを設定し、デザインカンプを制作。Photoshopを用いて1st viewを制作し、studioで全体を制作。

【デザインについて】

■ビジュアルイメージ

ペルソナと商品のイメージから、 ポップなかわいらしさを意識して制作しました。

■カラー

全体的にポップでかわいらしいイメージになるよう、ピンクを基調としました。同じ色味で統一感を持たせ、一方で単調にならないように明るさや彩度に変化をつけました。

■タイポグラフィ

1st viewにはポップなイメージで、Josefin sansやAoboshi Oneを用いました。 その他には主にゴシック体を用い、親しみやすさを表現しました。

【工夫したポイント】

1st viewでは、商品の魅力が伝わるビジュアルと、目立つCVボタンを意識して制作しました。CVボタンはピンクのカラーの中で目を引くよう、同様のトーンのブルーで目立たせました。

2st viewはテキスト量が多いため、重い印象にならないよう余裕を持った配置としました。

3rd viewもテキスト量が多いため、シンプルな表現を意識し、イラストを入れることで軽さを持たせました。

全体として、最後まで読み進めていただけるよう背景の配色をグラデーションにして、1st viewにインパクトをもたせ、下に向かうにつれ背景に薄い色を配色し、軽い印象になるよう工夫しました。

シェア
Yamamoto Kanako | Web designの他の作品