Facebook 【Hertech_架空案件】新店舗オープンバナー
Logo

【Hertech_架空案件】新店舗オープンバナー

クレジット
Avatar
WEBデザイナー
【Hertech_架空案件】新店舗オープンバナー-1
シェア
制作ノート
【制作について】

【デザインについて】

カラー

  • ターゲットに合わせ、落ち着きあるくすみカラーを採用。
  • 写真の雰囲気との統一感も意識。

タイポグラフィ

  • 大人の女性の落ち着きや静かなひとときの雰囲気が伝わるように「Noto Serif JP」をメインフォントに採用。
  • オープン日も重要なため、ここのみフォントを「Libre Baskerville」へ変更。

情報設計

  • キャンペーン情報を1番に伝えたいため、一番大きく中央に配置。
  • キャッチコピーは静かな空間を表せるよう余白をたっぷり設け、上部に配置。
  • 一目でカフェの内容だとわかるようにコーヒーの写真を上下に目立つように配置。
  • 最後に目に着く位置にオープン日という基本的な情報を配置。
  • 目立たせるほどではないが、情報としては欲しい営業時間は小さめに表記。

【工夫したポイント】

複数案(4ページ目)を出して作成しましたが、

Instagramへの投稿バナーということで、スマホでの閲覧がメインになるため

文字は大きく遠目に見ても何の内容なのかがわかるように文字のサイズを調整しやすい現在のものを採用。

オープンキャンペーンでも一番目立たせたい内容は特に文字を大きくし、あしらいの集中線で目を引くように作成。

オープン日の吹き出しはホットコーヒーの湯気をイメージ。

ほかが固いフォントなどを多用していたこともあり手書き感を出すことで、少しほどけた感じを作ってみました。

視認性を上げるために、キャッチコピーの下に薄く図形を配置

シェア
萌え太朗の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【Hertech_架空案件】新店舗オープンバナー-1
萌え太朗の他の作品
foriio

あなたのforiioを無料で作成

fori.io/