【自主制作】Instagram、Googleバナー

制作目的

出産祝いを探している人にHaruulalaのギフトセットを購入してもらうこと

デザインのポイント

• SNSやWebページを見ているユーザーの目に止まる情報設計
• ブランドのこだわりである「オーガニックコットン」の素材感を伝えること
• ブランドの世界観の表現（女の子向け、オシャレ度が強い、華やか）

＜レイアウト＞

①商品画像をメインに配置

バナー広告として画面上に流れてきた時に、ユーザーの目にしっかり止まるよう、

商品とギフトボックスの画像を中央・大きめに配置しました。

②ユーザーの目線の動きを考慮した配置

ユーザーの目線の動きを考慮して、下記の順に情報が伝わる配置にしました。

1. 商品画像

2. オーガニックコットンのやわらかいイメージ

3.「ギフトセット」であること

＜配色＞

①ベースカラー

柔らかいカラーで、オーガニックコットンのふわりとした素材感を表現しました。

②アクセントカラー

バナー全体の統一感を出すため、商品から濃いピンクのカラーを使用しました。

また、テキストの色は、世界観を崩さないよう真っ黒ではなくグレーを使用しました。

＜あしらい＞

「出産祝い」を漢字で書くと固い印象になり女の子の赤ちゃんのイメージから離れてしまうため、下記のように表現しました。

1.「おくりもの」と表現し、文字間をゆったりと取って上品で華やかなイメージを演出

2.「Birth celebration」と英語のあしらいで入れることでオシャレさや華やかさを演出しつつ、筆記体の中でも読みやすさもあるフォントを選択

オーガニックコットンの素材感を表現する「ふわりとやさしい」というコピーを考案。

揺れているようなイメージで文字組みをしました。

さらに、手書きのイラストや白丸背景を使用して、オーガニック感を演出しました。

＜フォント＞

①游ゴシック

バナー広告として画面上に流れてきた時にしっかりユーザーの目に止まるよう、視認性の高い「游ゴシック」を使用しました。ウェイトはボールドを使用することにより、より目に止まりやすくなるようにしました。

②源ノ明朝

「ふわりとやさしい」の部分は、商品のやわらかい素材感を伝えるため「源ノ明朝」を使用しました。源ノ明朝は、明朝体の中でも特に、線の強弱や、「ふ」「や」の繋がっている部分がイメージにピッタリであるため選択しました。

制作を通して学んだこと

①文字組み

「ふわりとやさしい」のうち、単語である「ふわり」「やさしい」の文字間を狭め、「と」を小さくすることで、視覚的により伝わりやすい表現になることを学びました。

②全てに理由付けをすることを意識

配置・配色・あしらい・フォントなど、デザインのすべてに「なぜそうするのか」を意識しながら制作することに一番時間をかけました。

制作したバナー