架空バナー制作【母の日のフラワーギフトバナー】2種類

OVERVIEW

デザイン初心者のための【マイデザインコミュニティ】内で制作した架空バナーです。 制作要件やFBはプロの講師の先生に行っていただきブラッシュアップした行程も載せております。

YEAR 2022

《目次》

1. 制作概要

2. 要件

3. 制作物

4. 工夫したところ

5. クライアントからのフィードバック

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


《制作概要》

  • 制作期間 3日
  • 制作時期 2022年
  • 制作範囲 情報設計・画像制作
  • 使用ソフト Photoshop

《要件》

■目的

・お花のオンラインショップの認知・ギフト利用の拡大

■ターゲット

・20代〜30代の女性

■ターゲットの思考や行動特性 

・家族と離れて暮らしているが日頃の感謝の気持ちを込めてギフトを贈りたい人

■掲載場所

・メールマガジン

・Twitter

・自社ECサイト

■必要要素

①(HAPPY)  MOTHER'S DAY GIFT

②キャッチコピー

③My Flower (サービス名)

④5/3までのご注文で10%OFF

⑤お花の写真を一枚以上

バナーサイズ 1146px✖️600px

■クライアントからの要望

大人の女性が親に贈るギフトとして華やかでありつつ大人っぽさもあるようなデザインにしてほしい

《制作物》

 Pattern①

◯Before

◯After


Pattern②

◯Before

◯After

《工夫したところ》

Pattern①

■レイアウト

⇨左に写真、右に文字を入れ情報の入りやすさを意識した。

■柔らかい雰囲気を伝える

⇨写真と白い背景の境界線を曲線にして違和感のない女性らしい作りにした。

■配色

⇨タイトル部分(HAPPY Mother’s Day Gift)を目立たせるようにその他の部分は落ち着いた淡色にまとめた。


Pattern②

Pattern①

■配置

⇨情報を中央にまとめ伝わりやすい配置にした。

■写真

⇨写真を左右対称にし、文字との配置をバランス良くした。

■視認性の高いタイトル

⇨タイトル部分(HAPPY Mother’s Day Gift)に影をつけ立体感を出した。

《クライアントからのフィードバックと改善点》

Pattern①

・タイトル部分と写真の色のバランスが取れていない

→タイトルの配色を花の色に近いピンクに変え、統一感を出した

・境界線の波がうねり過ぎている

→一つ曲がるほどの緩やかな形に変え、柔らかい印象にした

・波のあしらいで情報が分断されている

→あしらいを背面に隠し情報とあえて重ねることでおしゃれにした

・コピーが目立たない

→タイトル部分の下へ持ってきて1行にし文字間隔を開け、自然な印象にした


Pattern②

・花の写真を反転して左右に置くのは「同じ写真を使っている感」が出てしまうためあまり良くない

→写真を一つにし、左から覗くような配置へ変えて右に花びらを足すと良い

・10%オフの部分は図形の中に閉じ込めてしまうと情報を大きく見せることができない場合がある

→タイトルとコピー部分を図形にし、10%オフの部分を図形から外して配色を変えると視認性が高くなる

・背景をピンク一色よりシルクっぽい写真を使うとより雰囲気が柔らかくなる

《制作を通して学んだこと》

■ターゲットや商材の扱いによって変わる印象

今回は女性らしく華やかなデザインの要望だったため意識しながら制作しましたが、商材写真の配置や色味によってもターゲットにそぐわない印象になってしまうことを学びました。情報整理だけでなく写真の色味や配置によっても細かな印象が変わることを今後のデザインで心がけていきたいです。