【制作詳細】
制作時間：約4時間
制作期間：約1日
制作範囲：情報設計・構成・ワイヤーフレーム・デザイン
【成果物】
【要件定義】
テーマ・目的
オンラインストアのSummer Saleバナー
オンラインストアへのアクセス数増加
ペルソナ
20～30代女性
必須ワード
- 「SUMMER SALE」または「SUMMER Sale」
- 「SHE’S STORE」
- 「up to 50% OFF」
- 「SHOP NOW」または「shop now」
サイズ
1080px × 1080px（PNG形式）
要望
- 文字が目立つようにしてほしい。
- 写真不可の文字のみのバナーにしてほしい。メインにならないあしらい程度のイラストは使用可能。
【情報設計】
考えたペルソナ
26歳女性。付き合っている彼氏がいる。
服を買うことや見ることが好き。安くて少しのこだわりがあるものがいい。最近はシンプルだけどどこかかわいらしい部分が少しあるものが好き。アクセサリーや小物にはとことんこだわる。
在宅で仕事をしているため、以前より外に出ることは減少しているが、それでも服を見ることは好き。
【デザインコンセプト】
ショップイメージは「ジェラート・ピケ」です。
使用カラー
夏をイメージするシトラスの中からライムの色を選択し、落ち着いた色味で夏を表現しました。
あしらい
手書きでざっくり書いたような「SUMMER」を使用しておしゃれなイメージを足しました。
また、背景にライム、レモン、桃を配置して夏っぽさをだしました。
【こだわったポイント】
- よく見る夏の配色ではない組み合わせの色を選択したところです。落ち着いていながらさわやかさを出すことを意識しました。
- 使用カラーを2色に抑えることによりシンプルに、かつ果物のイラストでちょっとしたかわいさもプラスしました。
- 余白を多めに意識し、文字をそろえること、その中で「SUMMER」の文字を斜めにはみ出るように配置することで動きを出すことを意識しました。
【この制作を通して学んだこと】
- 文字のみのバナーの場合、情報の優先度をしっかり決めること、それぞれの情報に差をつけることが重要だと改めて考えました。
- よく見る「夏」のイメージの配色以外にも、「夏」を表現できる色があることに気づきました。いろいろなデザインから配色の組み合わせを学び、ワンパターンな配色にならないように引き出しを増やすことが大切だと考えました。