LP Design / Case Study
MÉLIA
NOIR
静かな強さと女性らしさをまとう、
ラグジュアリーファッションブランドのLP。
Role：Brand Direction / LP Design / Coding / Writing
Tools：Figma / VS Code / React / CSS
Type：Luxury Fashion Landing Page
Target：上品さとモード感を大切にする20〜40代女性
Mood：Quiet Luxury / Feminine Mode / Editorial
Goal：ブランドの世界観を伝え、Collectionへの興味を高める設計
Overview
MÉLIA NOIRは、大人女性向けのラグジュアリーファッションブランドを想定して制作した自主制作LPです。 商品そのものだけでなく、ブランドの世界観や、身にまとうことで生まれる印象まで伝わることを意識しました。
ブラック・アイボリー・ベージュを基調に、甘さと強さ、静けさと華やかさのバランスを調整。 写真・余白・コピー・タイポグラフィを一貫させることで、静かな高級感が伝わるLPに整えています。
Target / Goal / Challenge
Target
上品さとモード感を両立したファッションを好む20〜40代女性。トレンドだけでなく、自分らしい美しさや洗練された印象を大切にする方を想定しました。
Goal
商品そのものだけでなく、ブランドの空気感や憧れまで伝え、Collectionページへの回遊や購入意欲につながるLPにすることを目指しました。
Challenge
黒を主役にしながら重く見せすぎず、甘さと強さ、静けさと華やかさのバランスを取り、上質な女性像として成立させることを課題にしました。
Background
ファッションブランドのLPでは、商品写真を並べるだけではなく、 「どんな人に、どんな気分で選ばれるブランドなのか」を伝えることが大切です。
MÉLIA NOIRでは、甘さに寄りすぎず、女性らしさの中に芯の強さを感じられるように、 色数を抑え、余白を広く使い、静かな存在感を表現しました。
さらに、Collection・Lookbook・Featureへ自然に視線が流れるように、 ブランド認知から商品理解へつながる順番を意識しています。
Design Concept
黒に、
やわらかな強さを。
コンセプトは、静かな美しさと芯のある女性らしさ。 黒を主役にしながら、アイボリーやベージュの余白で重たくなりすぎない印象に整えました。
写真は大きく見せつつも、余白を残すことで、 ラグジュアリーなファッション誌のような余韻を感じられるビジュアルを目指しています。
AI-assisted Process
制作初期のコンセプト整理、コピーのブラッシュアップ、ビジュアルの方向性検討、 実装時のコード修正補助にAIを活用しました。
AIの提案をそのまま使用するのではなく、ブランドの世界観・余白・可読性・導線設計に合わせて取捨選択し、 最終的なデザイン判断とトーン調整は自身で行いました。
Design Point
01
黒を主役にしたブランド設計
ブラックを軸に、アイボリーとベージュを重ねることで、強さだけでなく、余白・抜け感・女性らしさが伝わるトーンに整えました。
02
エディトリアル感のある余白
商品情報を詰め込みすぎず、写真とコピーが静かに響く間をつくることで、ラグジュアリーなファッション誌のような余韻を目指しました。
03
ブランドムードを伝える導線
CollectionやLookbookへ自然に進めるよう、商品説明より先に世界観を伝え、見た人が“どんな印象になれるか”を想像できる構成にしました。
04
可読性と繊細さの両立
細い文字組みや小さなラベルで上質感を保ちながら、本文は行間・文字間・濃度を調整し、スマートフォンでも読みやすいバランスにしています。
Expected Effect
ブランドの世界観を一貫して伝えることで、商品単体の魅力だけでなく、 「このブランドを身にまといたい」と感じてもらえる印象設計を目指しました。
Collectionページへの回遊や商品理解を促し、ブランド認知から購入意欲につながるLPとして設計しています。 数値実績を盛るのではなく、想定課題に対する導線設計と表現意図が伝わる構成にしました。