BANNER
自主制作
コーヒー
ブランドバナー
コーヒー好きな30〜60代に向けて、淹れたてのしずる感と高級感のある和モダンな世界観を表現し、購入意欲へ繋げるバナーを目指して制作しました。
Basic Info
制作種別
自主制作
制作物
ディスプレイ広告バナー（300×250px）
担当範囲
情報設計 / デザイン
制作期間
初回制作：約8時間 / ブラッシュアップ：約3時間
使用ツール
Figma
01
プロジェクト概要
Project Overview
背景
ブランドコーヒー「黒匠」を想定し、商品の上質な魅力や世界観を伝えて認知拡大につなげる広告バナーを制作。
課題
競合の多いコーヒー市場の中で、商品の強みや特徴を限られたサイズで直感的に伝えること。
目的
商品認知と購入意欲の向上。
想定ユーザー
30〜60代のコーヒー好きな男女
前提条件
300×250pxの限られたサイズの中で、商品の特徴や高級感が瞬時に伝わる設計。
02
デザインコンセプト
Design Concept
1
コンセプト
香りで整う、上質なコーヒー時間。
2
イメージキーワード
「和モダン」 「高級感」 「落ち着き」 「しずる感」 「癒し」
3
情報設計
数秒で「何のバナーか」が伝わるよう、しずる感のあるコーヒーのドリップ画像と淹れたてのカップを大きく配置しました。
また、縦書きのキャッチコピーを起点に、右上から左下へ視線が流れ、最終的にCTAへ繋がる視線導線を意識して設計しています。
4
デザイン方針
全体の方向性
和モダンなタイポグラフィと、自宅での特別な時間を想起させる落ち着いたビジュアルで、高級感のある世界観を演出しました。
配色設計
落ち着いたトーンの背景写真に対し、視認性の高いホワイトの文字色を採用しました。
CTAにはゴールドを使用し、視線を集めながらブランドの世界観に調和する配色を設計しています。
Text
#F8F8F8
Button
#B08D57
フォント選定
ブランド名やキャッチコピーには明朝体を使用し、和の高級感を表現しました。
CTAにはゴシック体を採用することで、視認性と現代的な印象を両立しています。
和文フォント
Hiragino Mincho Pro
Hiragino Sans
欧文・数字フォント
Inter
03
デザイン意図
Design Intent
和モダンなタイポグラフィ
ブランド名やキャッチコピーには明朝体を使用し、和の高級感を表現しました。
CTAにはゴシック体を採用することで、視認性と現代的な印象を両立しています。
しずる感を伝えるビジュアル
数秒で「何のバナーか」が伝わるよう、しずる感のあるコーヒー画像を大きく配置しました。
視認性を高めるコントラスト
背景画像を暗めに調整することでテキストとのコントラストを高め、限られた広告サイズの中でも情報が瞬時に伝わるよう設計しました。
04
全体像
Design Overview
04
全体像
Design Overview
Page
Top