Facebook 【架空案件】カフェバナー
Logo

【架空案件】カフェバナー

クレジット
Avatar
WEBデザイナー
【架空案件】カフェバナー-1
シェア
制作ノート
【制作について】

⚫︎デザインについて

全体として「洗練された大人の落ち着き」と「親しみやすさ」が共存したデザインを意識しました。中央に配置した白い帯が、背景と手前の主役(カフェラテ)を明確に分け、情報を整理する役割をしています。

⚫︎ビジュアルイメージ

暖色の照明が美しいカフェの店内を背景に、木目調のテーブルに置かれたラテアートが、「ここでの特別な体験」をイメージでき、コーヒーの温かさやミルクの滑らかさが視覚的に「美味しそう」「行ってみたい」という欲求を刺激し、フォーカスを絞った背景により奥行きと上質な空間の広がりをイメージできるよう意識しました。

⚫︎カラー

ブラウン(コーヒー色): 安心感、ブランドの核であるコーヒーを象徴。ゴールド / ウォームイエロー: 背景の照明や木目に使用。温かみ、豊かさ、特別感を演出。ホワイト: 文字情報の背景として使い、清潔感のある印象。派手な色は使わず、素材本来の色を活かしたナチュラルなトーンでまとめました。

⚫︎タイポグラフィ

高級感、誠実さを表現できるよう、明朝体を「NEW OPEN」やキャッチコピーに使用しました。数字の視認性を高め、お得な情報が届けやすいよう意識しました。

⚫︎情報設計

  1. 何が起きるか: 「NEW OPEN」。
  2. メリットは何か: 「おかわり1杯無料」。
  3. 誰が提供するか: 「Ruby Coffee」というブランド名。
  4. メッセージ: 「ここから始まる新しい時。」という情緒的な価値。

下部に配置したカフェラテの画像が、全ての情報の着地点(ゴール)になり、ユーザーの視線をスムーズに誘導しています。

高級感を出しつつも、特典情報を中央に置くことで「敷居を上げすぎない」よう工夫しました。

シェア