Facebook cafeSAM(架空案件)カフェバナー
Logo

cafeSAM(架空案件)カフェバナー

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

  配色について

上質感、柔らかさ、明るさをイメージとしてベージュをベースカラーとし、柔らかい印象を保つために、ブラウン系のブラックやホワイトを基調としたフォントカラーとしています。一杯無料についてはイメージを崩さないよう同系色でまとめつつも目立たせるためにグラデーションをかけ、白枠で囲う工夫をしました。

右上のロゴはアクセントカラーを薄くすることで店内の雰囲気を邪魔せず、ブランド名の告知がしっかりとできるようなデザインにこだわりました。


配置について

右上にロゴを設置することで視聴者がカフェの名前→キャンペーン詳細と視線誘導になり、どこに店舗があるのかとSNSに移行しやすいよう工夫しています。

商品画像を入れることでコーヒのイメージをしていただけるようにしています。右下には円系のボタンを設置することで余白によるゆったりさを保ちながらも、しっかりと存在感を残せるよう配慮しています。

テキストについて

上質感や清楚感をだせるShippori明朝を使用しています。

また柔らかさや見やすさを重視し、ボタンの中はNoto Sans JPを使用しています。

修正前と修正後の違いは、店内を広く見せることとベージュの帯を追加することで店内を明るくなり、ゆったりとしている空間であることを印象に残るようにしています。また、ベージュの帯内にボタンを入れることでよりボタンを強調しかつ大きく配置することで視聴者が押しやすい設計へと変化させています。

※架空案件のバナーです

※商品画像や店内画像はイメージであり実際の商品や店舗ではありません。  

シェア
Webデザイナー Ranの他の作品