【自主制作】ECサイトのお取り寄せバナー|商品の特集ページ告知バナー

OVERVIEW

SHElikesデザイン演習コースの課題として、架空のECサイト掲載用の特集ページ告知バナーを制作しました。

YEAR 2022

要件定義

制作目的 ▶︎
数ある商品からピックアップされた商品に興味を持ってもらうことで、特集ページへ遷移・購入してもらうこと
ターゲット ▶︎ ECサイトユーザー(30-40代女性)
コンセプト ▶︎

女性が好む配色やあしらいを使ったデザイン。
商品数を多く掲載しなければならないが、見やすく飽きのこないメリハリのあるデザイン。
全国の名産品やスイーツが掲載されたトップページからこの特集に興味を持ってもらえるように、パッと見て一瞬で『美味しそう!』と思ってもらえるような躍動感やインパクトのあるデザイン。
掲載場所▶︎
全国の名産品やスイーツのECサイトトップページ

情報設計

目的設定 ▶︎
特集された商品をアピールして、興味を持ってもらうことや購入してもらうことが目的なので、一眼でどんな商品なのか理解できるように写真を大きく配置しました。
そもそも名産品やスイーツのたくさん載っているサイトという、似たよな情報が多く掲載されている媒体のため、疑問を投げかけたり自主的に投票するような企画にすることで「自分ごと」と認識して、つい目で追ってしまうデザインにしました。
夏の特集にしたので、夏らしい爽やかさや季節感を演出しました。
ターゲット ▶︎

女性の喜ぶオシャレなデザインや、柔らかい配色にしました。
食べることや選ぶことが好きな女性像をイメージして、画像サイズや商品数の多さが嬉しく感じる楽しさや躍動感のあるデザインにしました。

ビジュアルデザイン

配色 ▶︎ 

ベースカラー: ホワイト
メインカラー:ブルー / グリーン
アクセントカラー: ブラウン
レイアウト ▶︎
文字周囲には余白やあしらいを設けたり、商品が見やすいようにメリハリ・整列を意識して情報を配置することで、視認性の高いデザインにしました。
商品写真や文字に優先順位をつけて、優先度の高い情報は目につきやすい配置やフォントサイズにしました。
フォント ▶︎

女性の好む柔らかいフォントを採用。
夏の特集には、夏らしい爽やかな可読性の高いフォントを使用しました。
写真 ▶︎

躍動感のある切り抜きや配置にすることで、たくさんの商品が並んでも飽きのこないデザインにしました。
商品数が多いため、見比べやすい総選挙の企画を採用することで、逆に商品数が多い方が選び甲斐があって楽しい・商品一つ一つを楽しんで熟考できる・食べ比べで購入者が増えるなどメリットを考えたデザインにしました。
あしらい ▶︎

女性らしさを感じる柔らかい・かわいい・オシャレなあしらいを使用しました。
あしらいの質感にも季節感を出しました。

制作物

4点 ※3点はトレース ▶︎