LPデザインカンプ｜期間限定フラッペ購入誘導（架空案件）

NAGELUDA
Wedデザイナー


オンラインスクールの課題で架空の期間限定 フラッペのLPを作りました。

秋限定フラッペ3種（白桃・洋梨・巨峰）を紹介する架空ブランド「Noir Berry」のシーズンLPを制作しました。 季節感と高級感を両立させながら、ターゲットである20〜40代女性に向けて“上品で華やかなカフェブランド”を表現。 デザイン、コピーライティング、配色設計、レスポンシブ構成を一貫して担当しました。

制作時間：15時間  

情報設計：ワイヤーフレーム、キャッチコピー、 デザインカンプを担当しました。 

・ターゲット

 20〜40代の女性を中心に、カフェ時間やスイーツを楽しみながら 日常の中で“自分を満たすひととき”を求める層を想定。 トレンド感と上品さを両立したデザインで、 コーヒー好き・カフェ巡り好きな層に心地よく響く世界観を目指しました。 

・目的 

季節限定のフラッペやコーヒーメニューを訴求するためのLP。 ビジュアルで味や香りを想起させ、ブランドの世界観を確立。 「Noir Berry＝大人がくつろげる上質なカフェ」という印象を強めることを目的としました。 

・会社情報（架空設定） 

Noir Berry Café（ノワールベリーカフェ） 東京・表参道を拠点とするカフェブランド。 “上質な甘さと香りを、あなたの日常に。”をコンセプトに、 こだわりのコーヒーや季節のフラッペ、果実を使ったスイーツを提供。 都会の喧騒の中に、静かで上品な時間を届けるライフスタイルカフェ。


デザインコンセプト

「果実がとろける、秋のご褒美時間」をテーマに、フルーツの質感や色味を活かしたビジュアルで構成。 背景のグラデーションや氷のモチーフで“フラッペの冷たさと透明感”を演出しつつ、 ブランドロゴやカード特典のセクションで「Noir Berry」らしい上品な世界観を統一しました。

カラー

  • メインカラー： ディープパープル（Noir Berryブランドカラー） 　→ 高級感と大人の甘さを表現。
  • アクセントカラー： ピーチピンク・ペアグリーン・グレープパープル 　→ 各フレーバーの個性を視覚的に区別しながら、季節の柔らかさを強調。
  • サブカラー： ホワイト・ゴールド 　→ 全体のトーンを明るく保ち、読みやすさと清潔感を演出。

タイポグラフィー

  • 英字フォント： 優雅なセリフ体（Playfair Display系）でブランド名・商品名に使用。
  • 和文フォント： 親しみやすく可読性の高い明朝体。
  • 構成意図： 「クラシカル×モダン」を意識し、 　上品さの中にやわらかい印象を残すフォントバランスに設計。

情報設計

ユーザーが迷わず注文導線に進めるように、視線の流れを意識した縦スクロール設計。

  • 各フラッペセクションでは「画像 → 商品名 → 説明 → ボタン」を統一配置。
  • 下部ではモバイルオーダーとメンバーズカード特典を明示し、購買意欲を高める設計。
  • フッターではブランドロゴやSNSアイコンを配置し、世界観の統一と拡散性を両立。

Peach Frappe – デザインポイント

白桃のやさしい甘さと上品な香りを視覚的に表現するために、 背景をピーチピンクからサンセットオレンジへとグラデーションさせ、全体のトーンを統一しました。 また、果実の写真を大きく背景に配置することで、フレッシュさとみずみずしさを強調し、 見る人が味や香りを直感的にイメージしやすい構成にしています。 写真は自然光で撮影されたものを厳選し、氷のモチーフを加えることで、 “ひと口で広がる冷たくとろける幸福感”を感じさせるデザインに仕上げました。

モバイルオーダー導線のデザインポイント

フラッペ紹介セクションの下に**「モバイルオーダー」導線を設置し、商品閲覧から購入までを自然に繋ぐ流れ**を意識しました。 スマートフォンを手にしたアイコンを配置することで、操作イメージを直感的に伝え、誰でも簡単に注文できる印象を演出しています。 また、深紫×ホワイトのブランドカラーを基調に、ボタンにはアクセントカラーのベリーパープルを使用することで、視線が自然にCTA（行動ボタン）へ導かれるようデザインしました。 全体を柔らかな曲線と淡い影でまとめ、Noir Berryらしい上品さを保ちながらも、使いやすく温かみのあるUIに仕上げています。

キャンペーン＆フッターエリアのデザインポイント

季節限定フラッペの紹介だけで終わらせず、 「期間限定キャンペーンページ」や他メニューへの導線を追加することで、ブランド全体の回遊性を高めた構成にしました。 「ノワールベリーカードプレゼント」セクションでは、 実際にカードを手に持つ写真を使うことで、“もらえる実感”を視覚的に演出。 見た人が“自分も参加してみたい”と感じやすいデザインにしています。

また、下部のフッターエリアでは、 メニュー・グッズ・フードなど他カテゴリーへアクセスできる導線を設け、 LP単体ではなくブランドサイトの一部として成立する設計を意識しました。 アイコンや写真にはすべてNoir Berryの世界観に合わせた深紫・白・ナチュラルカラーを使用し、 統一感のあるブランドトーンを維持しています