Webデザイン1on1レッスンチャンネルの会員募集のバナー制作

こんにちは、yuriです。

ヒカルさんから教えていただくバナー作成のレッスン、第１０回、１１回のお題は、「Webデザイン1on1レッスンチャンネルの会員募集」でした✨

第１０回の初めにヒカルさんは、GDN（Google ディスプレイネットワーク）のバナー制作を説明するため、アクセス解析についてもわかりやすく紹介してくださりました。

私は、このブログのアクセス解析をしていなかったため、挑戦してみると新たな発見がありました。この回を参考にして、アクセス解析を学び、慣れていきたいと思います。

そしてこの回で、ヒカルさんが、私が作成したバナーのブラッシュアップをしてくださったんですが、選んだ画像がバナー向きではなかったため、第11回で、画像を選ぶところからレッスンしていただきました。

今回のバナーの目的　Webデザイン1on1レッスンチャンネルの会員募集

ターゲット　Webデザイナーを目指してる方、20～40代

雰囲気　シンプル

サイズ　300px x 250px

画像　ロゴ、インタビュー画像（https://1on1.design から選ぶ）

配色　背景色・#eee OR #0f0f0f/ メインカラー・#eee OR #0f0f0f

文言

（必須）

・ウェブデザインの個人レッスンが視聴可能

・月額500円見放題

・30日間視聴無料

（任意）詳しくはこちら

左の画像（スマホ画面では上）が、私が初めに作ったもので、右の画像（スマホ画面では下）がヒカルさんがブラッシュアップをしてくださったものになります。

私が、バナーを作ったあと感じた反省点は、画像をいかしきれていない、「詳しくはこちら」の文言を入れられなかった、リズムが単調になっているという点でした。

第１０回のブラッシュアップ

訴求のポイントとなる、「月額500円見放題」と「30日間視聴無料」の配置の仕方を学びました　→数字を大きくし、ジャンプ率をあげる→見放題と視聴無料の文言は、数字の次に目立たせる色を選んでつけ、視認性をあげる
「月額500円見放題」と「30日間視聴無料」の文言を横並びにするときは、中央からの距離を同じだけ離して置くと、余白のバランスがよくなる
ロゴを、一度ラスタライズして、「1on1」と「Webdesign Lesson-ch」に分割し、再度スマートオブジェクトにして、バナーに配置しやすいように組み直す
ブラッシュアップの過程で「月額500円見放題」と「30日間視聴無料」を縦書きにしてみた時は、数字を全角にすると縦に並ぶことを学びました

第１１回のヒカルさんによるバナー作成