見出し画像

ネットストアバナー

のんこです。


10月25日Twitterで募集されている のり@相談できるWeb社長(noriyoshi_winq)さんのバナーデザイン練習会に参加しました。

頻繁に参加させていただいているのですが、勉強になることが多く、きちんと言葉でまとめていこうと思って書いてみました。


今回のお題:ネットストアのバナー

(テキストは用意していただいてます)



考えたこと

・「小物とは?」…具体的に何かわからない

・小物商品があるということは大物商品もあるはず

・インテリア?

・ネットストアということは実店舗もあるはず



バナーで伝えたいこと

誰に?

20代後半から30代くらいの車ない女性

(いつも子連れで自転車なのに買い物しすぎて、自転車に乗り切らず曲芸師みたいになってる私…)

何を?

5000円以上で配送料無料

なぜ?

このお店でまとめ買いをしてほしいので、小物商品をイメージしやすいように画像を使って表現する



今回作成したバナー

画像1



やりたかったことと反省点と迷走…

・所謂アラサーくらいの女性向けなので、安っぽくなく落ち着いた雰囲気をイメージ

・フォントを明朝体にして落ち着いた印象にしようとした。数字フォントは変えると印象変わる感じがしたのでそのまま…

・文字が背景と同化するので可読性を上げるために白四角透かしを入れた。他の方法もありそうだったけど時間なくてそのまま…

・文字色迷ったけど時間なくてそのまま…

・「5000円以上配送料無料」を伝えようとしたけど、どちらから強調するか優先順位をつければよかった

・全体的に同系色でまとまりすぎている印象。でもどんな色にすればいいかわからない。いつも迷う…最近の迷走ポイント。

・白四角の色や文字、ポイント文字の色工夫したらとのフィードバックをいただきました



修正後

・何を伝えたいか優先順位をつけました。結果、「配送料無料」を強調

・背景薄くすれば可読性上がることに気付きました



1枚目

画像2

・フォントほぼそのままでバランス調整

・強調のためにはみ出すくらいのフォントサイズだけでなく、マーカー?も引いた

・フィードバックから白四角に色をつけた

・beforeより見易くはなったけど、まとまりすぎてる感…



2枚目

画像3

・フォントを変えて目につきやすさ意識

・「配送料無料」より「送料無料」の方が収まりよかったので文言変更

・やりたかったことが

所謂アラサーくらいの女性向けなので、安っぽくなく落ち着いた雰囲気をイメージ

だったので、今回のイメージには合わないけどカジュアルな感じならこっちもありかなと思った



学んだこと

伝えたいことをもっと細かく明確に初めに決めないと、作成途中で迷いが出てしまうなというのを再実感しました。

全体の統一感を出して、でもその中で違和感を持ってもらい心に留めてもらえるような工夫をしていく必要があるなと感じました…どうすれば良いのか考えてみます。

どんなお店なのかをパッと見た一瞬の1枚で伝えることの難しさを、修正しながらひしひしを実感していました…


毎回たくさんの学びをくださるのりさん、バナーデザイン練習会に参加されてる皆様、本当にありがとうございます。

この練習会、無料なんですよ…本当にすごい……!

これからも参加しまくりたいです。

おわり


この記事が気に入ったらサポートをしてみませんか?