Facebook 【架空案件】期間限定季節のフラッペLP
Logo

【架空案件】期間限定季節のフラッペLP

クレジット
Avatar
WEBデザイナー
【架空案件】期間限定季節のフラッペLP-1
シェア
制作ノート
工夫した点

Peach Frappe – デザインポイント

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

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

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

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

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

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

シェア
この作品のその他の制作ノート
制作について

もっとみる