【自主制作】ECサイトバナー

OVERVIEW

自主制作として、ECサイトに載せるバナーを作成しました。使用ツール:Photoshop、Illustrator。

YEAR 2022 - 2022

【制作詳細】 

制作時間:約3時間
制作期間:約1日
制作範囲:情報設計・構成・ワイヤーフレーム・デザイン


【成果物】 

【要件定義】

掲載場所・企画内容:全国の名産品やスイーツのECサイトのトップページ、数ある商品からピックアップした商品の特集ページを告知

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

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

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

要素:商品の中から選ばれた6つのスイーツの写真。写真は全て使用する。色補正・トリミング・大きさは自由。

サイズ :960px✖️540px


【情報設計】

考えたペルソナ

名前:ゆうこ

年齢:40歳

性別:女性

趣味:ゲーム、食べること、旅行

仕事:専業主婦

生活環境:7時に起床してご飯の準備などをする。子供や旦那を見送ってからは掃除や洗濯などをして過ごす。綺麗好きで毎日必ずクイックルワイパーはかける。掃除機をかけるのは3日に1回。時間が空いたら一人でショッピングモールに出かけたりお昼ご飯を外で食べることも多い。最近はコロナ禍もあり、外で食べる頻度は減ったため、ネットでおいしそうなものを注文している。夜は7時からご飯を作り始める。家族みんながそろったらテレビを見たり、携帯ゲームをしたりしている。寝るのは12時頃。


【デザインコンセプト】 

使用カラー 

温かみを感じる色、スイーツがしっかり見える色を選択しました。

また今回はターゲット層の年齢もあり、チカチカしない色を選択しました。


【こだわったポイント】 

素材となる写真の色味や明るさが異なっていたため、Photoshopを使用し同じような色味や明るさになるように調整しました。

ワクワク感を醸成するために、商品の大きさや角度を変更して周りに配置しました。

一番目立たせたいのは商品の写真と考えたため、商品の写真の要素を多めにしました。


【この制作を通して学んだこと】

  • 素材写真の明るさや色味が異なる場合、作成する雰囲気に合わせて調整することでバラバラ感が出ないこと。
  • たくさんの要素をバランスよく並べること。