コラム

【劇的改善】バナー制作Before After

【劇的改善】バナー制作Before After

スタッフによるプロ情報ブログ

新米野中が、弊社トラスティーシステムズの広告バナーを作成させていただきました。
先輩から頂いたフィードバックにより、ダメダメバナーが改善されている様子を、改善ポイントをお伝えしながらお届けしたいと思います!

デザイン勉強されている方や、私のように新米として奮闘されている方の参考になれば嬉しです♪

【依頼内容】
弊社Web制作会社が掲載する、広告バナー
製造業をされている会社様向けのBtoB広告
訴求ポイントや、テイストなども考えてキャッチやイメージを設定する

 

●この内容で、自分なりに考えたこと

・製造業の営業担当の方や、広報の方が見る事と、製造業の方に向けたバナーなので全体のイメージは男性的、硬めなイメージ
・上記イメージに合わせてゴシック体を使用
・コーポレートカラーの水色を使用する
・製造業の会社様向けなので、作業服の男性のイメージを使用
 

<フィードバックをもらう前のバナーと先輩からのフィードバック内容がこちら>




 

●フィードバックを受けて、改善した点

・冒頭部分のテキストにつけていた黄色いラインを削除
・紺、青、黄色の3色に色を絞った
・「結果」を紺と黄色で目立つようにした
・全体的に文字詰めをし、整えた
・フォントは、ウェイトのある力強いものを選びなおした
 

<修正したバナーと、更なる先輩からのフィードバック内容がこちら>




 

●フィードバックを受けて、更に改善した点

・「結果」と「ウェブサイト」を分割せず「結果の出るウェブサイト」とひとまとまりでポイントにした
・全体的に明るい水色を使用した
・キャッチ部分の文字を読みやすいように光彩を入れた
 

<更に修正したバナーと、先輩からのフィードバック内容がこちら>




 

フィードバックを受けて、更に更に改善した点

・メリハリの出る水色と黄色を使用
・キャッチは白の光彩ではなく、黒のドロップシャドウに変更した
・文字詰めタイトにして、要素同士も少し詰めてまとまりが出る様にした
 

<完成したバナーがコチラ!!>




今回数枚をピックアップしたのですが、実際にはもっとたくさんやり直しました・・。
沢山フィードバックをいただいて、やり直して、1番目のバナーが何が悪いのかが自分でも見てわかるようになりました。

色んなバナーを、参考に見たりトレースしたりする事でトレーニングするのは、よくありますよね!
今回、私が思ったことは、「何がどういう理由で良いのか」とか、「何がどういう理由でこういう風に変えた方が良いのか」というのは、見たりトレースするだけでは習得するのは難しい・・。
「自分で考えて、失敗して、指摘してもらって、直す。」これを繰り返す事が大切!(当たり前!?)


新米野中が成長していく様子を、これからもお届けしていきたいと思いま~す!
これから勉強する方や、同じように頑張っている方と共に!!



 

PICK UPコラム

実績

弊社で制作した実績はこちらからご覧ください

サービス

ご提供できるサービスの詳細はこちらからご覧ください