【架空案件】MORIÉバナーデザイン

【デザインについて】

⚫︎ビジュアルイメージ

ブランドLPにも使用した温かみのある花々の画像を採用しました。LPとの関連性を持たせるとともに、”MORIEらしさ”やブランドの雰囲気が伝わるよう画像の彩度も少しあげ、優しく寄り添う温かさを表現しました。

⚫︎カラー

背景はクリームベージュで柔らかい印象を与えてくれるため、それに馴染むようLP同様フォントカラーはこげ茶を採用しました。花々のオレンジでバナーにアクセント効果を持たせ、目に留まる配色になるよう心がけました。

⚫︎タイポグラフィ

ロゴ部分はブランドLPと見え方を合わせるようGilda Displayを採用しました。コピーやボタン部分の日本語は花園明朝を使用し、柔らかさと余白感が出るようにしました。英文部分はNoto Serif JPで上品で綺麗めな印象を持たせています。

⚫︎情報設計

本バナーは、ブランドLPへの誘導を目的としています。ですので、背景画像はLPのFVと同様の画像を使用し、統一感を持たせるとともに、ブランドらしさを表現しました。このブランドが大切にしているコピー、ブランド名、ボタン、このブランドのカテゴリー、と情報はなるべくシンプルに抑え、もっと知りたい！気持ちでクリックしてもらえるよう、情報量も調整しています。

【工夫したポイント】

ブランドLPのFVと同様の画像を使用し、LPとの統一感を出しています。オレンジ色の花々の画像は、少し彩度を上げて温かみをより表現できるよう調整しました。

ブランドコピー「呼吸をするように、植物と暮らす」を視覚的に表現するため、バナー上部はあえて余白感を意識し、コピーも文字間隔をあけて配置しました。

ブランドのイメージや雰囲気を大切にしながらも、”このブランドは何者か”が伝わらないと、ボタンをクリックしてもっと知りたい！と感じてもらえないので、「Organic hair & body care」の一文をブランド名の上に配置し、一目で何者かが分かるようにしています。

ボタンは下部中央に配置しました。バナーデザインによく馴染むイエローのボタンにしましたが、花々の画像とは差別化するために、影をつけて浮き出て見える印象を持たせています。思わず押したくなるよう心がけました。