クーポンの特典をまとめたバナー。
他制作物とトンマナを統一しながら作り上げた案件です。
クーポンの特典をまとめたバナー画像が欲しいというご要望をいただき、制作を担当しました。
ご要望の背景として「従来はクーポンの内容を文面で紹介していたものの、画像でまとめた方が見やすい」とのことでした。
ちょうど各制作物が一斉にリニューアルに入ったこともあったのもきっかけとのことです。
コンセプト
他デザインと連動したクールな画面に
他制作物のデザインの改修・新規作成も同時期にありましたが、ご担当は別の方がいらっしゃる状況でした。
そのため「制作物全体の世界観を崩さず情報をシンプルにまとめる」ことを心がけています。
クライアントからのフィードバック
引き出しが多く、要望に適したデザイン。
機能性も抜群だ。
「初稿から赤色を目立たせたいという要望を出した際、その場で修正・ご提案いただいた速さに驚いた。」と話していました。
さらに、「従来なら特典を1つずつ説明していたところを、項目ごとに振ってもらった番号でお客様に説明できるようになった。そのため、窓口対応の工数が減ってスムーズになった。」と、嬉しいお言葉をいただきました。
MOCK UP & OTHER PATTERN
おことわり
クライアント様の情報保護のため、モックアップはサンプルにしています。
実際の使われ方とは著しく異なるため、予めご了承ください。
利用上の注意
本クーポン画像は実績提示のためクライアントから許諾をとって掲載しています。
入館時本HPから画像を保存してのご提示はクーポンの特典は無効となりますので、ご注意願います。
PROCESS
画像をクリックすると拡大してご覧いただけます。
01
ラフ案
当初は縦横比が定まらず、スクエアに近い画像から制作が始まりました。
赤と青のグラデーションはアメリカンダイナーと星条旗の要素から着想を得ていますが、地の背景色は白黒またはグラデーションの複数パターンをご用意しています。
この時点ではクーポンの詳細を画面に入れていました。
ブレンドコーヒーの扱いのみ制約があったため、テキストの大きさや分量でバランスを試行錯誤しています。
02
初稿
この時点で横長の縦横比とデザインの大枠が確定しました。
初稿(2)をベースに、情報量の整理を行っています。
大枠を見れば特典の内容はある程度把握できるという先方のフィードバックから、コーヒー以外の特典の説明は削除しました。
03
第2稿
第2稿(1)のF型レイアウトを基準に、先方から「より赤を目立たせたい」というご要望について打ち合わせをしながらリアルタイムで反映していた習作です。
この時点ではクライアント・私自身双方ともに違和感を感じたまま打ち合わせの終了時刻が来たため、「後日背景のグラデーション色を変更する」ことを申し入れました。
04
完成デザイン
赤が主体となる背景写真に差し替えた上で、グラデーションの配色を調整しました。
星条旗モチーフの青は面積を少なくし、右下にわずかに暗く入れることで画面のバランスを調整しています。
また、暖色となる赤はより目を惹く色彩心理の観点から、グラデーションは目立たせたい特典の紹介が始まる左上を赤色に設定しました。
WORKS INFO
制作情報
イメージ
シンプル、クール
他制作物の世界観を踏襲するよう、シンプルだがクールで格好良いデザインを心がけました。
レイアウト
F型にして情報を整理。
縦軸はクーポンの見出しに活用しました。
コーヒーの取り扱いは条件が複雑であるため、一番下に移動させて重心のバランスを調整しています。
あしらい
以下2点の理由から装飾は可能な限り削ぎました。
(1) 他制作物のデザインがシンプルなデザインであることから、目立ちすぎないようバランスを調整した。
(2) ユーザーが情報を瞬時に把握していただくため。
フォント
和文：Noto Sans
欧文：DIN
他制作物のトンマナを踏襲しています。
配色
モノクロ、赤
他制作物のカラーリングに準拠しています。
クライアントからは「可能な限り赤を目立たせたい」とご要望をいただきました。
受託情報
クライアント
那須クラシックカー博物館様
制作日時
2025年9月
担当業務
・デザイン作成
・ディレクション
◇ 以下他クライアント様と連携
・顧客折衝
(クライアント、他制作物作成ご担当者様)
・デザインクオリティ確認
制作環境
制作所要時間
3時間
使用ソフト
Canva
デザインサイズ
660px × 458px
