








バナー|ICE hon-po

使用ツール
Figma
製作日数
1日
クライアント
スクール課題のためなし
設定概要
アイスのネットショップHP内のバナー
デザイン概要
①賞を受賞した「ゆず」アイス
柚子のアイス写真を使用し、「ゆず香る」を入れたキャッチコピーとすること、寒色系のさわやかなイメージとの要望でした。
【トーン】
要望では寒色系のさわやかなイメージとのことでしたので、上品なゆずの雰囲気に合わせ、アイスという性質上と、冬のイメージのある柚子から雪をイメージする白をベースにしました。
柚子自体が黄色や緑味があるので、そこから「再入荷」のフレーズの背景にさわやかなエメラルドグリーンを配色しました。
【フォント】
柚子の和の雰囲気と、上品な雰囲気をはんなり明朝フォントで表し、キャッチコピーは「ゆず香る」がより映えるように上品かつ商品の期待を高められるようなものとしました。
【レイアウト】
自慢の受賞商品をぜひ味わっていただきたいという目的から、キャッチコピーは商品への期待を高めるために中央に配置し、視線を集める配置としました。また、そのキャッチコピーの右側に今回の受賞エンブレムを配置することで、インパクトのあるキャッチコピーからの受賞したことがわかるような視線誘導を狙っています。また、商品画像を大きく左側1/3を使用し、その対角上にゆずのあしらいを入れることでキャッチコピーがより匂い立つようにしました。
②安さ(30%OFF)を打ち出すバナー
こちらも①と同様に寒色系でさわやかなイメージ、安さを打ち出しつつ、サイトのトンマナに合わせてとのご要望でした。
【トーン】
こちらはサイト内の白やネイビーを基調としたシンプルなトンマナに合う様、ブルー系のさわやかさを全面に出しました。
【フォント】
サイト内の雰囲気に合うよう、セリフ体を使用。
【レイアウト】
安さを打ち出すため、右上の割引率を大きく、次に左下のセールである告知、そしてCTAボタンを右下に配置し、視線誘導が見やすいZ型となるように作成しました。






