WINTER GIFT’s Banner｜日々の小さな一歩

こんにちは、Yuriです。

先日、ヒカルさんから教えていただくバナー作成のレッスンが、第４回目を迎えました✨

架空のバナーのお題を出して頂き、まず私が自分で制作しました。

そして、そのバナーの改善すべきポイントを指導していただいて、さらにヒカルさんがそのバナーをブラッシュアップするところを見させて頂きました✨

今回も完全ではないのですが💦、教えていただいたところを修正したのがアイキャッチの画像となります。

今回のバナーの目的　架空のカニ通販サイトのお歳暮販売キャンペーン

ターゲット　40~60代

雰囲気　伝統的・めでたい

サイズ　300px x 250px

画像　ズワイガニの写真

配色　:　背景色・黒、メインカラー・赤・金・白など

文言（必須）お歳暮・冬ギフト　本生ズワイガニ2kg　北海道産

8,000円(税別) 期間限定 2019年12月24日(火)まで

（任意）全国送料無料　詳しくはこちら

私は画像やイラストを小さく使用してしまいがちなので、今回は、ズワイガニの写真の画像を大きく使うことにより、シズル感を出し、写真には画像補正を行い美味しさが伝えるように意識しました。

また、ヒカルさんから今まで教わったことを活かして、テキストをブロックごとにまとまって配置することにより、視線誘導をするように意識しました。

そして、ヒカルさんがブラッシュアップしてくださったバナーは、高級感があるけど、買わねば！と購入意欲をそそられる素晴らしい仕上がりでした……！

ヒカルさんは今、［Webデザイン 1on1レッスンチャンネル］というサービスを作られていて、サービスが完成し始まった時には、このバナーのレッスン動画も公開される予定です。

Webデザインを勉強されている方は、［Webデザイン 1on1レッスンチャンネル］でヒカルさんがバナーを制作されるところを是非、見て頂きたい！と思います✨

今回、ヒカルさんがブラッシュアップしてくれたバナーをこの記事にアップすることに快くOKを頂きました（ありがとうございます！）

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

＜ヒカルさんがあげてくださった私が作成したバナーの良い点＞

金色の円のあしらいの形状がよい、高級感が出ている
レイアウトのブロック間隔がよい（各ブロックがまとまっていて、視線誘導ができている）
金色の円・「お歳暮・冬ギフトの帯」・背景の黒色が、集中線の効果を出しており、蟹へと視線誘導している
金色の円が「お歳暮・冬ギフトの帯」の下を通過していることでリズムが出て、立体感や奥行きも出ている（この帯が左側にくっついているとこのリズムが出ない）
バナーの縁に、1pxの黒い線があることで視認性が高まっている（リターゲティング広告を置くWebサイトは白背景のことが多く、特に背景が白いバナーだと縁に線がないと切れ目がわからなくなる）

＜ヒカルさんがブラッシュアップしてくださった点＞

「お歳暮・冬ギフトの帯」を、上にひっつけると視線誘導がよりスムーズになる（この形状の帯は、上にぴったりひっつけるタイプのものでもある）
「期間限定と日付」と「全国送料無料」のブロックの、文字の左右の空白の部分を揃える（私の作ったものは、「全国送料無料」の左右の空白部分が広く、期間限定のブロックの文字がつまって見える
「期間限定」と「まで」のフォントサイズを小さく、日付のフォントサイズを大きくしジャンプ率を高くする。そして、文字を中央揃えにする（「全国送料無料」の方も、ガイドを引いて中央揃えにする）

⭐️私の作ったものは、「北海道　本生ズワイガニ」と「2kg8,000円」の部分が、金の円と「お歳暮・冬ギフトの帯」の高級感のある強い印象に負けているのでそこをブラッシュアップする