FBバナー　リニューアルのお知らせ

皆様お疲れ様です。Kaien横浜の訓練生です。

さて、この度オンラインショップのFBアカウントの新しいバナーを制作させて頂いたので、その紹介とデザインに込めた思いをお話出来ればと思います。

まず、こちらが旧カバー画像です。

改善したほうがいいと感じた点はいくつかあり、最初に目についたのは「こしょこしょあきはばら」以外のショップのロゴが最新のものではないということでした。

「こしょこしょよこはま」は現在「こしょこしょ福福堂」に変わっており、それに加えて「こしょこしょかわさき」が追加されていません。

 

次に気になったのはロゴの配置と背景です。

ロゴは「オンラインショップ」含め全て一箇所に固まっていてどれを中心にしたいのか分からず、背景はシンプルで無難ですがあまり印象に残らないと感じました。なので、とにかくイメージをガラリと変えようと、ひとまず仮の2つのバナーを制作してみました。

　　

1案目は青で統一して円形を中心に使い、「親しみやすさ」と「柔らかさ」をテーマにしました。

各ロゴをオンラインショップのタイトルを囲むように配置し、円の色はグラデーションを使って爽やかに仕上げました。

2案目は「落ち着き」や「高級感」があるデザインをテーマに、紺色と暗めの赤を基調としたタータンチェックを背景にしました。

この柄を選んだのは、イギリス王室を始め様々な文化等の象徴として使われて高い支持を受けていますし、私たちの生活でも馴染みがあるのでバナーにするにはピッタリだと感じたからです。

各ショップのロゴは上部にコンパクトに纏め、「オンラインショップ」部分の配色は紀から始まる某有名スーパーマーケットを参考にさせて頂きました。この2つの案をSlackへ投稿し、投票を行い結果案②のタータンチェックに決定しました。その際、講師の方から以下の点を修正するようアドバイスして頂きました。

・ロゴのサイズは大きくし全体に散らして配置してはどうか

・背景のタータンチェックはフリー素材を使用してはどうか

 

アドバイス通りフリー素材を使用しても良かったのですがクリエイティブという環境に居るのに何もしないのは勿体ないと感じました。自作したいと講師の方に相談したところ、デザイン自習室内で作業するという事を条件に許可して頂きました。

YouTubeで作り方の動画を視聴しながらなんとか作成したのがこちらの2点です。

　　

上の青ベースのものは赤と白を差し色として使い、高級感のあるデザインにしました。下の赤ベースのものは黄色とオレンジ色を使用し、暖色で統一して暖かみのあるデザインを目指しました。

ロゴに関しては見やすいようにサイズを大きくして、真ん中のオンラインショップのアイコンの周りに配置しました。こうすることでブログチームが各拠点のショップを包括しているというのが分かるようになったと思います。

その後再度Slackで投票を行い青ベースのデザインに決定し、バナー制作は終了しました。初めてのことが多く苦戦することもありましたが、とても良い経験が出来たと思います。