【HerTech実践課題 】LP/カフェ

OVERVIEW

WebデザインスクールHerTechにてカフェの新作ドリンク限定発売キャンペーンのLPを制作しました。

YEAR 2024

目次

1. 要件定義

2. トンマナ

3. デザイン

4. 制作情報

5.工夫点

1.要件定義

(店舗名)

Ruby coffee

(テーマ・キャンペーン内容)

コアなファン層よりも話題性や新規性に関心の強い客層にカフェを利用してもらうことを目的とした新商品(ベリー×ベリー ルビーフラッペ)キャンペーン。公式Instagramをフォローして友達と新商品を購入すると1杯無料でもらえる。さらに、Instagramに新商品を投稿すると抽選で100名の方に新商品を1杯プレゼント。

(ターゲット)

20~30代の女性がメインターゲット。新しいものが好きで、旬なもの、話題性のあるものは一度自分で試してみたい人。日常的に使うSNSはInstagramで、映え写真を投稿していいねをもらうことが大好き。  

2. トンマナ

3. デザイン

(リンク)

4. 制作情報

(制作期間)2週間(ワイヤーフレーム/デザインカンプ/実装)

(使用ツール)STUDIO / Photoshop

5.工夫点

【幸福感・温かみ】

・キャッチコピーの「みんなでシェアする幸せフラッペ」というワードから、おいしさをシェアすることの喜びや幸福感、温かみを感じられるようなナチュラルなデザインを意識。シンプルすぎず、商品は映えるように。

【画像制作】

・画像はPhotoshopで制作。1st viewではベリーがはじけるような画像演出を。

・2nd viewの商品画像では、商品全体をみせ、また映えるようにバックにハイライトをプラス。それにより、ドリンクのひんやり感も表現。

【視認性】

・文字が読みやすいよう、フォントに合わせてサイズ、太さを調整。

・文字間、行間、余白を統一し整列。

・ボタンにシャドウをつけ、ボタンを押しこみたくなるようにデザイン。

・ビューごとに背景色を変え、ビューの切り替えを分かりやすくし、メリハリを。