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

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

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

【デザインについて】

①ビジュアルイメージ

「かわいいドリンクで、気分もお得に」をテーマに、見た瞬間に楽しくなるポップで親しみやすいビジュアルを意識しました。

いちごを使ったドリンク写真を大きく配置することで、「おいしそう」「思わず買いたくなる」と感じてもらい、キャンペーンへの興味を自然に引き出す設計にしています。

また、背景のドット柄で遊び心を加え、期間限定キャンペーンらしいワクワク感を演出しました。

②カラー

全体は、ピンク・クリーム・パープルを基調とした配色にしています。

・ピンク:かわいさ・甘さ・写真映え

・クリーム:やさしさ・見やすさ・安心感

・パープル:大人っぽさ・上品さ・少し特別感のある印象

若い女性を中心としたターゲットに向けて、「かわいい」「シェアしたくなる」と感じてもらえる色設計を意識しました。 派手になりすぎないよう、背景色を淡くまとめ、商品とコピーが自然に目に入るバランスにしています。

③タイポグラフィー

見出し・補足・キャッチコピーで役割を分け、視線誘導と読みやすさの両立を意識して設計しました。

・見出し(2Buy Get1!!)

キャンペーン内容が一目で伝わるよう、太く目立つフォントを使用し、最初に視線が集まる配置にしています。 英語表記にすることで、ポップでおしゃれな印象を持たせ、若年層にも親しみやすい雰囲気を意識しました。

・サブコピー(2つ買ったら1つ無料)

見出しの内容を日本語で補足し、条件と特典が誰にでもすぐ理解できるようにしました。 主張しすぎない太さとサイズにすることで、全体のバランスを崩さず、自然に読み進められる設計にしています。

・キャッチコピー(「かわいい」で、トクしちゃおう。)

商品の世界観とキャンペーンのお得感を同時に伝えるため、やさしく親しみやすい表現を採用しました。 ひらがなを多く使うことで、堅くなりすぎず、気軽に楽しめる印象になるよう意識しています。

④情報設計

ユーザーが短時間で内容を理解できるよう、視線の流れを意識して以下の順で情報を配置しました。

  1. キャンペーン訴求「2Buy Get1!!」
  2. 条件説明「2つ買ったら1つ無料」
  3. 商品ビジュアル(ドリンク写真)
  4. 感情訴求「かわいいで、トクしちゃおう。」

まずお得なキャンペーンに目を向けてもらい、次に条件を理解し、最後に商品の魅力と感情面で背中を押す構成にしています。 来店・購入行動につながる導線を意識した情報設計です。

【工夫したポイント】

・「安さ」だけでなく、「かわいい」「楽しい」という体験価値を重視したデザイン

・写真映えを意識した配色とレイアウトで、SNSでの拡散も想定

・キャンペーン訴求を強調しつつ、全体のトーンを統一しブランドイメージを損なわない設計

・情報量を抑え、短時間でも内容が伝わるシンプルな構成

シェア
熊本百恵の他の作品