❑目次❑
1.概要
2.制作物
3.要件定義
4.情報設計
5.ビジュアルデザイン
6.制作を通して学んだこと
1.概要
制作時間 ：約3時間
制作範囲 ：情報設計、ワイヤーフレーム、デザイン
使用ツール：Photoshop
2.制作物
3.要件定義
掲載場所
全国の名産品やスイーツを扱うECサイトのトップページ
目的
数ある商品からピックアップした商品の特集ページを告知する
ターゲット
ECサイトのユーザー（30代〜40代の女性）
入れる内容
・コピー「おうちで楽しむお取り寄せ特集」
・6つのスイーツの写真（提供あり）
4.情報設計
- 美味しそうな商品写真で目を引くため、写真をなるべく大きく配置できる構成にしようと考えました。そのため、商品写真は背景に敷き詰めました。
- 背景にした商品写真がよく見えるように、テキストは中央に集めました。何の特集ページかすぐにわかるように、「お取り寄せ特集」を大きめにしました。
5.ビジュアルデザイン
配色
茶色や、茶色に近いオレンジ色を使用しました。バナー全体でまとまりが出るよう、スイーツ写真の色味に合わせました。
写真
提供された写真は、色味や構図がバラバラでした。チグハグな印象にならないよう、色味やコントラストなどを1枚1枚調整したり、並んだときに違和感がないように拡大縮小しました。
あしらい
スイーツ写真に合わせ、スプーンやフォークのイラストを配置したり、お菓子のパッケージのような雰囲気が出る飾り線を用いました。
6.制作を通して学んだこと
商品数が多いバナーで、雑多な印象にしないようにしつつ、商品写真を活かす方法を学びました。今回制作したバナーのように背景に商品を並べる方法の他、切り抜いて配置する案などもあると学びました。