【架空案件】MORIÉブランドLPデザイン

◼️制作の流れ

1.ブランド設計（架空オーガニックコスメブランド「MORIE」を設定し、商品やブランドの方向性を設計）

2.ターゲット、ペルソナ設定（先の設計をもとにターゲットやペルソナを設定し、訴求ポイントを整理。）

3.ワイヤーフレーム制作（情報設計やテキスト量を調整。）

4.デザインカンプ制作（ファーストビューから制作し、ブランドの世界観を構築。）

◼️デザインについて

1.カラー

「LPを見ながら呼吸できる世界観」を大切にするブランドを表現するために、ベースカラーはベージュを採用し落ち着いたトーンにしました。

メインカラーには緑を使用し、深い森や植物を連想させる配色としました。緑は目に優しいカラーですが、呼吸をするようにスクロールできる。そんなLPになるように淡いカラーを採用しています。

アクセントカラーとして橙色を使用。FVのお花やチューリップでアクセントをつけています。植物由来の鮮やかさからは、なんだか前向きな気持ちになれそうな、ブランドの伝えたい想いを表現しました。

2.タイポグラフィ

ブランド観を考える上で、「洗練された空気感」「呼吸ができる雰囲気」を大切にしたいと思い、線が細く余白感が出やすいフォントを選定しました。

「Junge」や「Inria Serif」などは文字が縦方向に長いフォントです。これらは洗練された印象を与えながら、間延びせず余白を生み出すことができます。

「Klee one」は文章部分に採用しました。柔らかい印象を持つこのフォントを使用することで「親しみやすさ」を演出しています。全てを明朝体にするのではなく、あえて文章部分は抜け感が出る「Klee one」で読みやすさを重視したLPに仕上げました。

「Grope Nuts」は商品名にのみ使用しました。商品名にのみ選定した理由は、商品を使うことで「あなたがより素敵になれる」ということを表現するためです。生活に馴染みながらもどこか特別な存在感！を演出するため、唯一無二のフォントを使用し、筆記体特有のお洒落さと特別感で表現しました。

3.情報設計

FVは淡いカラーのお花の画像を採用しました。このページに飛んできたとき初めて目にする部分になるので、「呼吸」「オーガニック」「日常の中の彩り」が一目で分かるよう設定しました。また優しいピンクベージュとグリーンの花々は、ブランドの寄り添う優しさをも表現してくれます。

storyでは背景がだんだんと森林の深緑に移り変わることで、ブランドの世界観に引き込む効果を持たせています。途中で鮮やかなチューリップの画像を当て込んだことで、直前の「植物の香りに包まれる」という一文を強調させています。

Life with MORIEでは、「生活をMORIEとともに過ごす」ことをイメージさせるセクションです。画像も生活の一部を切り取ったような写真をセレクトしました。商品を使用することで、こんな気持ちになれるんだ！と思わせる一文を各シーンに追加しています。

セクションの最後には、締めくくりのひと言「あなたの生活に自然が寄り添うように」と一文追加して、ブランドの伝えたい想いを表現しました。

Featured Productsは、みずみずしいベルガモットの背景を使用し、オイルの香りを想起できるよう意識しました。レモンや葉っぱのあしらいも取り入れ、可愛らしさや遊び心も演出しています。

商品を買ってもらいたい、ももちろんですが、「あなたが素敵になれる商品を知って欲しい」「生活に彩りを」を伝える雰囲気がぴったりだと感じたため、あえて売り込むような表現はしないよう意識しました。

Our promiseでは、MORIEのこだわりをここで初めて記載しました。「天然精油100％」など具体的な数字も入れましたが、できるだけ売り込みにならないこと、また可読性を意識して、３行コンパクトにまとめています。

Messageは、「オーナーが伝えたい想い」や「このブランドを通してどうなって欲しいか」を記載しました。最後はオーナーからの置き手紙のように表現したかったので、背景はクラフトペーパーのような画像を取り入れ、さりげなく伝えることを大切にしました。

/