【制作事例】ECサイトお取り寄せグルメバナー

OVERVIEW

SHElikes受講コース内でバナー制作の課題に取り組みました。 制作時間:約5時間/制作ツール:Photoshop

YEAR 2024 - 2024

目次

1.制作したバナー

2.課題要件書

3.制作のポイント

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


1.制作したバナー

2.課題要件書

・掲載場所
 
全国の名産品やスイーツのECサイトのトップページ

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

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

・作成のポイント
 
それぞれのお店から集められた写真は構図も色合いもバラバラ。
 数も6つと多めの写真をどうまとめるか。

・指定要素
 
コピー:おうちで楽しむお取り寄せ特集
 配布要素:商品の中から選ばれた6つのスイーツの写真
 サイズ:横960px × 縦540px

3.制作のポイント

1.商品を目立たせるのレイアウト
・指定のコピーが少なく、また食べ物を掲載するバナーのためなるべく商品を大きく配置し「美味しそう!」と思ってもらえるようにしました。
・ただ要素を並べるだけではなく、枠から少し飛び出しているようにすることで動きを出しました。


2.デザイン基本原則の整列と反復
・菱形の枠を元に要素を配置して一貫性を持たせました。まとまりができ、どの要素も目立つようにしています。

3.色味の異なる写真に統一感をもたらす配置や配色の設定
・左側に明るい暖色系の写真、右川には寒色系でシックなものをまとめ、色味が異なる写真の中にも統一感を出しました。

・余白の色味をパステルカラーにし、統一感を表現しています。
 全体にパステルカラーを使用すると印象がぼやけてしうため、文言はゴールドとブラックを使用して引き締めました。

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

・基本原則の重要度
 共通する意味を持った要素(今回は食べ物の画像)は規則性を持って配置をするとまとまりやすくなりました。情報を伝えたいユーザーの視点に立って何を求められているのか理解した上でデザインをしていきたいと思います。