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

OVERVIEW

キャリアスクール「SHElikes」のWEBデザイン演習コースで作成したバナーです。

YEAR 2022

制作時間:修正含め約3時間

制作期間:初版、修正版含めて約3日

制作範囲:デザイン

使用ツール:Photoshop

①成果物

完成バナー

②要件定義

◆制作目的:全国の名産品やスイーツのECサイトのトップページに数ある商品からピックアップした商品の特集ページを告知すること

◆ターゲット:

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

◆サイズ:横960px × 縦540px

◆必要な記載事項:

コピー:おうちで楽しむお取り寄せ特集

・商品の中から選ばれた6つのスイーツの写真写真は全て利用する。

・色補正・トリミング・大きさの変更は自由

◆掲載先:ECサイトのトップページ

◆課題:それぞれのお店から集められた写真は構図も色合いもバラバラ。数も6つと多めの写真をどうまとめるか。

③ビジュアルデザイン

●情報構成

商品が魅力的に美味しそうに見えるように暖色系の色調を使用し、写真の色味も暖色系に調整した。

上記初回作成バナーの「通年バージョン」ではキャリアスクールのコーチから全ての商品にリボンを付けるのはくどさを感じてしまう、写真の切れ目も気になるとフィードバックをもらい、抜本的に修正。

「X’masオリジナルバージョン」では長文で全て白文字にするとメリハリがなくなり読まれにくいためサブコピーの色を違う色に修正。

④こだわった点

・季節に合わせて、「X’masオリジナルバージョン」と「通年バージョン」2パターン作成。

・ターゲット層(30〜40代)に合わせて、馴染みやすいトンマナにした。「通年バージョン」では写真の切り抜きの大きさにメリハリをつけて左右対称でバランスを取るようにした。「X'masバージョン」では特別感やギフト感が感じられるようにゴールドを挿入。

⑤制作を通して学んだこと

・Photoshopの応用操作方法

・バナーの情報設計について

・文字のメリハリについて