NAO'S JOURNAL

バナー作って修正してみた

Date: 2022/6/22

Dsign

概要

バナーを作り添削していただきました!
イライジャさん(@Elijah_School)が作ってくださったお題です!
さらにその後、いただいた添削をもとに修正してみました〜!

作成→修正は現場ではあるあるの作業ですね😊


現在上司のいない私には大変ありがたいです🙏
デザイン学習中の方におすすめです。↓


このお題では「自社サイト掲載用とショッピングサイト掲載用の2つのパターンを作成」するというのがポイントでした。

内容は同じで雰囲気を変えるのが難しかったです・・・

  1. 制作したバナー
  2. 修正後のバナー
  3. 感想


制作したバナー

最初に作ったバナーはこちらbefore
HP掲載用
商品の特徴に焦点を当てて作成

シンプルなサイトに合わせてカラー数を抑えた

フォントもゴシックで上品に

上部は文字と写真のみでシンプルにしてサイトの雰囲気に合うように

キャンペーンについてはきちんと情報を出し、キャンペーン内容がわかるように

参考HPは非常にシンプルで落ち着いた雰囲気なので少し目立ちすぎるかなと思った

ショピングサイト掲載用

ショッピングサイト掲載用は楽天市場に載せるイメージだったので「お得感」を全面に

ショッピングサイト内は小さく表示されている場面もあるので数字、特に50%の部分は目立つように

「送料無料」はECにおいて重要な点だと思うので自社HPの時よりも強調

背景のから少し浮いているように見えるのが残念・・・



こちらをイラジャさんに添削していただきました!

記念すべき100回目だそうです👏 ↓詳細はこちらから!


修正点の整理


自社サイト掲載用

少し荒っぽく、自社サイトのイメージを重視しほうが良い
自社ブランドのイメージを保たせる

ショッピングサイト掲載用

左上「期間限定」の可読性がいまいち
ショッピングサイトの場合はロゴを入れる
10.1~10.3よりも→「3日間限定!」の方が限定感が出る


全体

「どんなチーズなのか」がもっと伝わるといい
フォントの剪定をも一度考えてみる


やっぱり自社サイトと雰囲気あってなかったか〜! うすうす自分でもそう思っていたのです・・・ そしてコピーに関しても、たしかに「3日間限定」の方がインパクトがあるし、一瞬で意味が理解できるなと コピーの世界は奥が深そうですね。いつかちゃんと勉強してみたいです。

修正後

これらのアドバイスをもとに修正してみました!
after

自社サイト掲載用

色やフォントのジャンプ率を抑えて上品に
安売り感を全面に出さない。お得な価格であることは示しつつも強調しすぎないように
その分、商品の特徴を入れるようにした


ショッピングサイト掲載用

強調する情報を「3日間限定」と「50%OFF」に絞った
送料無料で最後の一押しをするイメージ
信頼性UPのためのロゴ(企業名)を追加


感想


入れたい情報をバランスよく、でも目立つように配置するというのがとでも難しかったです・・・ バナー制作は勉強になりますね〜

イライジャさんは無料で添削してくださるので本当にありがたいです。
どんどん作って添削してもらいましょう!!

Share

Twitterでシェア

LINEで送る

icon

NAO

UI/UXデザイナー
たまにコードも書く

プログラミング学習経験を活かしたアプリケーションのデザインが得意

About Me

最新の投稿

Blog thubmnail

OOUI実践してみた 「イベント管理アプリ」

Blog thubmnail

OOUI実践してみた 「営業支援アプリ」

Blog thubmnail

IDEAL ME ~ビジュアル編~

Blog thubmnail

IDEAL ME ~情報設計~

All Posts

NAO'S JOURNAL