![見出し画像](https://assets.st-note.com/production/uploads/images/123922202/rectangle_large_type_2_3896854ced31b084ce3c3ffb6ff982a2.jpeg?width=1200)
無料添削デザインスクール #269「旅行バナー」
添削
![](https://assets.st-note.com/img/1701997082018-yZzMNhlLDZ.jpg?width=1200)
旅行のバナーですね。
飛行機が目立ってますね。
■ロゴを入れる
![](https://assets.st-note.com/img/1701998326075-9tlHtNugUY.jpg?width=1200)
企業が出すバナーの場合はほぼロゴが入っています。
大手の場合は100%と言ってもいいくらい入っています。
なぜかというと、ブランドロゴを入れることで安心感が出るからです。
「SONY」
これだけでとりあえずは間違いないと思ってしまうのが、ブランドイメージというものです。
「SQNY」
おや?なんか…違う…中国製?
突然不信感が湧いてくるのがロゴの力です。
■文字選定
![](https://assets.st-note.com/img/1701998585533-s9fIOX4x0X.jpg?width=1200)
これは他の添削でも書いていますが、ショッピングモールの服屋さんの前でセールの呼び込みをすると思って文字を選んでください。
今回の場合だと「お得なパック」が一番大きくなっていますが、これは服屋さんで言うと、
「服を2着買うとお得です!」
これだけを連呼している感じです。
お得かどうかを判断するのはお客さんなので、これは店の言い分です。
「お得なパック」というのも、何がお得なのかを言わないと分からない文言なので、どんなに大きくしても人は見向きもしません。
「最大77%OFF」
お得というのはOFFということだと思うので、OFFに変更しましたが、具体的な割引額がある時は、これを大きく見せればセールバナーはほぼ完了です。
実際にショッピングモールなど行ったときは、呼び込みの人の台詞にも耳を傾けてみてください。
うまい人はピンポイントで良い台詞を言っています。
■置く場所
![](https://assets.st-note.com/img/1701999027033-JVpR46kFUN.jpg?width=1200)
「お得」と「パック」の上にかかっているんですね。
これは分からないですね…
基本バナーで高度なことはできないし、パッと見て判断できないことをわざわざ理解しようとしないのがユーザーです。
入れるとしたら、77%OFFの時点でお得だというのは分かっているので、改めて言う必要もなさそうなので「数量限定パック」とかにしてあげればいいかと思います。
■作り込み
![](https://assets.st-note.com/img/1701999271036-vkUvlFlSyf.jpg?width=1200)
作り込みが足りないので、イラストなどで作るときはもっと作りこむ必要があります。
作り込みが足りないと、怪しい旅行会社にも思えてしまうのでクライアントは嫌がります。
■可読性
![](https://assets.st-note.com/img/1701999386791-u1LA1udvZi.jpg?width=1200)
黒い文字がほぼ読めないです。
ユーザーはスマホに出てくるバナーをじっくり見ません。
アドブロックするくらい広告が嫌いです。
読めない文字は絶対に読まないのです。
そんな人たちに見てもらうためにデザイナーは必死に工夫してやっと1%くらい見られるかの世界です。
■ボタンの大きさ
![](https://assets.st-note.com/img/1701999511506-OfovtBuvrG.jpg?width=1200)
ボタンが大きすぎます。
最近の傾向として、ボタンは入れないバナーが増えています。
10年くらい前はボタンがあった方が「押せる」感があっていいとか言われていましたが、今はバナーというものをみんな認知するようになり、押せることが分かります。
心理的にボタンをついつい押しちゃうこともありますが、そんな小手先のことよりもキャッチコピーなどに力を入れる方がよくなっています。
■誰に向けているのかを決める
![](https://assets.st-note.com/img/1701999648060-7zS0Wrrf4O.jpg?width=1200)
誰に向けた広告なのかを決めないで作ると、私もこんな感じになります。
企業や季節によって利用者に偏りというのがあります。
春だったら卒業旅行、夏なら家族旅行。
練習課題なので、季節別やターゲット別でテイストを変える練習をしてみてもいいかもしれません。
どちらにしろ、旅行系のバナーは「ワクワク」させるデザインが多いです。
年齢層が高いとしっぽりさせたり、高級な旅行は堅いのがありますが、割引額が大きいバナーはワクワクさせるデザインにしてあげるといいです。
修正
![](https://assets.st-note.com/img/1705282412661-UiYTooLqFH.jpg?width=1200)
修正して頂いたのでこちらも添削させていただきます。
■可読性
![](https://assets.st-note.com/img/1705282781659-9wMUixZNya.jpg?width=1200)
文字がとても大きくなったのですが、今度はちょっと大きすぎますね。
あと、大きいのに読みにくい色合いになっています。
フォントも柔らかい感じが出ているのですが、数字としては読みにくいかな。
![](https://assets.st-note.com/img/1705282879753-yBfxv49n8O.jpg?width=1200)
様々なフォントがあり、フォントによっては数字として読みにくいのもあります。
誤認させるものもあるので使い方は注意が必要です。
「77%」というのもあまり見ない数字なので分かりにくくなっている可能性があります。
12%OFF 33%OFF 61%OFF 72%OFF 89%OFF
数字が半端だとなぜか読みにくいですね。
厳密に計算している通販とかではたまに見ますが、キャンペーンとかだと切りのいい数字使うことが多いです。
![](https://assets.st-note.com/img/1705283602514-YaPhYhMlCZ.jpg?width=1200)
こちらはまとまりが出てきましたが、77%が同じく大きすぎるように見えます。
全体の文字サイズを整えてあげると、そこまで極端に大きくしなくても目立つようになります。
![](https://assets.st-note.com/img/1705283591154-JmEPCSFDlw.jpg?width=1200)
77%を70%にするとやっぱり読みやすいですね。
実務では勝手に数字を変えてはいけないのですが、練習なので分かりやすく変えています。
70%を目立たせながらも、その他の要素も読ませたいので、全体を見てバランス調整が必要です。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|デザイン添削おじさん 現役WEBデザイナー (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN
この記事が気に入ったらサポートをしてみませんか?