Ruby coffee青山一丁目店（仮）のOPEN記念として、#ルビ友キャンペーンのLPを制作しました。
新規顧客獲得として、若い世代の女性向けな色遣いやデザインと適度な余白を意識して取り組みました。
制作時間：6時間
ターゲット：20代〜30代の女性
近所に通学・通勤・在住の20代〜40代の男女
目的：Ruby coffee新店舗OPEN記念キャンペーンの訴求、新規顧客獲得（若い世代の女性）
【制作について】
・制作の流れ…ペルソナ・トンマナの設定をして、訴求ポイントを整理しました。LPバナー（ターゲット・媒体別・Photoshop編Week4-2〜Week5-2）→ワイヤーフレーム→LPの順に制作しました。ワイヤーフレームを基にファーストビューを先行して制作し、全体的なイメージを確認しながら制作しました。studioで制作しました。
・カラー…明るく、清潔感のあるピンク（#ffc6c7）をベースカラーにしました。メインカラーは落ち着いたイメージのダークブラウン（#40210f）、アクセントカラーは若々しく、可愛らしいイメージのピンク（#ff26a5）にしました。
・タイポグラフィ…馴染みがあり読みやすいNoto sans JPを使用しました。キャッチコピーは太字+ドロップシャドウで強調し、強調したいテキストには太字、見出しや重要なテキストには下線をつけて目立つようにしました。
・情報設計…SNSをよく使う若い世代向けのLPなので、スマホ版にしました。レスポンシブ対応はしていません。
一番に伝えたいキャッチコピーと新商品画像をFVの一番上に持ってきました。
FVにはキャッチコピー+新商品画像とキャンペーン内容、CTAボタン、2ndビューには新商品について、3rdビューにはキャンペーンの参加方法とCTAボタン、4thビューには店舗情報とCTAボタン、ヘッダーとフッターにはロゴ画像を配置しました。
2ndビューは新商品のこだわりポイントをしっかりと伝えるために、CTAボタンは設置していません。その代わり、他のビューに設置し、キャンペーンへの誘導を行っています。
また、キャッチコピーをタグとして使用してターゲットに自然と覚えてもらえるようにしました。
【工夫したポイント】
実際にWebページとして制作したので、ボタンにURLを連携させたり、ファビコンや地図の設置をしてリアリティを出しました。
CTAボタンはドロップシャドウを使用し、立体感を出して押したくなるようなデザインにしました。また、矢印を使用することでも、キャンペーン参加・フォロワー数獲得への誘導を設計してあります。
CTAボタンの矢印や他の矢印、リストの数字は統一感と見やすさを意識してアイコンを使用しました。