架空バナー制作【ECサイトのお取り寄せバナー】

OVERVIEW

SHElikesのデザイン演習での制作バナーです。

YEAR 2022

《目次》

1. 制作概要

2. 要件

3. 制作物

4. 工夫したところ

5. 制作を通して学んだこと


《制作概要》

  • 制作期間 2日
  • 制作時期 2022年
  • 制作範囲 情報設計・バナー制作
  • 使用ソフト Photoshop

《要件》

■目的

・数ある商品からピックアップした商品の特集ページを告知

■ターゲット

・ECサイトのユーザー(30-40代女性)

■掲載場所

・I全国の名産品やスイーツのECサイトのトップページ

(幅960px高さ540px)

■必要要素

・文言

おうちで楽しむお取り寄せ特集

・画像など

商品画像


《制作物》

▼幅960px 横540px


《工夫したところ》

■画像の編集

元々商品写真が6枚あり、背景の色味などを加味すると色合いのバランスが悪かったため、商品単体をそれぞれ切り抜きました。その後ハイライトを少し入れ商品が明るくなるような編集を取り入れました。そのため商品がグッと映えるような印象に仕上げることができました。

■フォントの選び方

デザートが中心ですが、かき氷やケーキなど和と洋が混ざっても違和感のないフォント選びをしました。ターゲットに向けたシンプル且つメッセージ性が伝わりやすい明朝体にすることで大人の女性の雰囲気が出るように工夫しました。


《制作を通して学んだこと》

■商品画像の配置と図形のバランス

切り抜いた画像をそのまま配置すると、余白が生まれスカスカな印象になってしまうため背景に白く丸い図形を敷きました。しかしその図形のあしらい加減が難しく、商品画像を丸の中に入れようとすると商品が小さく見えてしまうため、画像をうまく図形からはみ出させて商品を目立たせるバランスがあることを学びました。

■背景の配色とリボンのあしらい

「お取り寄せ」という特別感を出すためにコピーの左上にリボンの図形を使い、配色は背景とバランスが良くなるよう濃過ぎない赤を選びました。また、商品画像はさまざまなデザートがあるため背景の色を決めることが難しかったです。どちらも「おうち感」を出すために温かみのある配色が必要なのだと学びました。