12/20　実技 ECサイトデザイン実習③

1限目
実技 ECサイトデザイン実習③
クライアント確認について

2限目
実技 ECサイトデザイン実習③
バナー作成

3限目
実技 ECサイトデザイン実習③
バナー作成

4限目
実技 ECサイトデザイン実習③
バナー作成

5限目
実技 ECサイトデザイン実習③
バナー 講評

バナーを作成してあてこみしました。

1：スポーツ店の防寒対策のバナー（クリックしたらアウターや手袋などの冬用の商品をまとめているページに行くようなイメージ）を作成しました。

案1

案2

今回の課題用として以下のサイトからロゴの画像を使用させていただきました。
https://www.supersports.com/ja-jp/xebio/

あてこみ前

案1

案2

スーパースポーツゼビオ様のサイトを参考にしましたが、ゼビオ様のイメージ（青い、スタイリッシュ、スポーツ、アクティブ）と防寒対策のイメージ（オレンジ、暖かい、ほかほか、ほっこり）が違くて違和感ないようにするのにかなり悩みました。
防寒対策を囲むために二重の四角をデザインしたのは二重にすることで着込んでいるかのようなイメージにしたかったのと、これは個人の意見ですが丸より四角の方がスタイリッシュなイメージがあるからです。
ロゴを使用させていただいたのは、サイトを確認したところ、一商品の紹介には使われていなかったのですが、webチラシの紹介や福袋など複数の商品をまとめて紹介したいようなものには使用されていたのでそれを参考にしました。

2：ホビーショップのクリスマスセールのバナーを作りました。

今回の課題用で以下のサイトを参考にしました。
https://www.suruga-ya.jp/

あてこみ前

あてこみ後

駿河屋様のサイトを参考にしました。駿河屋様もイメージカラーは青ですがバナーには様々な色が使われているのと、クリスマスセールだからクリスマスの色に固めました。
だけどホビーショップなので対象商品が分かりやすいようにゲーム機と本の画像を使用しました。本当は他のゲーム機やPCぼ画像も用意してきたのですが作ってからたくさん画像あるとごちゃごちゃしてしまうと思い、二つのみにしました。
伝えたい情報に優先度をつけました。優先度は上から「３０％割引」、「クリスマスセール」、対象商品（イメージ）、「2000円以上の買い物」が条件、となっています。
さらに集中線を付けることで「30」が目立つようにしました。色は薄い赤にすることで白い部分も見やすく、クリスマスのイメージが崩れないようにしました。

ページ一覧