SHElikes WEBデザイン入門コース バナー制作#2

OVERVIEW

シーライクス WEBデザイン入門コースのデザインドリルで制作したバナー(コーヒーイベントバナー)

YEAR 2023

制作データ

********************************************

制作箇所:全て (※写真、イラスト、吹き出しのあしらいは素材サイトからお借りしました)

使用ツール:Photoshop

制作時期:2023.2月

********************************************

要件定義・課題内容

********************************************

ターゲット:

・コーヒーを目的に喫茶店やコーヒーショップにいくことが好きな人

・自分で豆を挽いてコーヒーを楽しんでいる人

・コーヒーと一緒にスウィーツを食べるのが好きな人

制作目的:コーヒーイベントの訴求バナー

方向性イメージ:バナー全体でコーヒーや喫茶店を彷彿とさせる落ちついていてお洒落なイメージ

掲載場所:特に指定なし

サイズ:1200×628 px

指定条件:コーヒーの写真を使用すること

必要な要素:

・Tokyo Coffee Walk

・お気に入りの珈琲とお茶菓子を探しに出かけよう。 イベント限定ブレンドもご用意あり。

・2022年10月2日(日)~2022年10月8日(土)

その他:遷移先は申し込みページ

********************************************

制作時のポイント・こだわった点

********************************************

配色

コーヒーのラテアートや背景のベージュをメインに、文字色は目立つようにアイボリー系の色、見出しの背景のコーヒー豆の部分にこげ茶色を使用しました。

差し色は当初赤とオレンジの中間のような色を使用する予定でしたが、真逆の少しくすんだブルー系の色味に変更。こちらの方が全体と馴染みつつもインパクトがある雰囲気になってくれたので採用しました。

フォント

見出し、日付:Bely Display

お気に入り~:砧 丸明Kiso StdN

イベント限定~:AB-itaikoku

見出しや日付の英数字はインパクトがあるセリフ体のフォントを使用。(oがちょっとコーヒー豆っぽいところも気に入っています)

お気に入り~は明朝体の中でも柔らかい雰囲気のものを選定しました。


個人制作テーマ:コーヒー豆

ターゲットの中に、「コーヒー豆を自分で挽いてコーヒーを入れる人」とあったので、コーヒー豆をデザインのアクセントに使用。テーマに沿っていて、かわいすぎないところが合うのではと思ったので採用しました

コーヒーを持ち寄って乾杯しているように見えるこの写真がイベントの雰囲気を感じられたので採用しました。

イベント限定~のところで湯気のような吹き出しを採用し、柔らかい雰囲気を残しつつ、目を引きやすいように工夫しました。

シーライクスのTAの方にフィードバックをもらう前は配置を逆にしていましたが、Zの視覚などを考慮してもこちらのほうが見やすくなったかと思います。