Luxury / Brand Site

ÉCLAT NOIR

“高級感を、演出で証明する。”

ジュエリーブランドを想定したコンセプトサイト。 黒を“舞台”として扱い、金の光演出と余白設計で 「価格帯が伝わる空気感」を体験化しました。

  • Luxury UI
  • Animation
  • Modal UX
ÉCLAT NOIR トップページのスクリーンショット
Top / PC
担当
コンセプト設計 / デザイン / 実装
目的
ブランドの“格”を一瞬で伝える
制作
HTML / CSS(分離設計)/ JavaScript
演出
金のグロー
光らせすぎず、希少性を感じる強度に。
体験
モーダル没入
一覧から世界観を切らさず詳細へ。
設計
余白と階層
黒を“舞台”として扱い、可読性も担保。

価格を語らず、価値を伝える。

Overview

ラグジュアリー領域では、文章よりも“空気”が価値を決めます。
本制作では、黒×金のコントラスト、静かなアニメーション、そして余白の取り方によって、高級感を体験として伝える構成を設計しました。

Challenge

高級サイトにおいて、過剰な動きや情報量は安っぽさに直結します。
動きを入れながらも上品さを保つ、“抑制された演出”のバランスが課題でした。

Solution

  • ヒーロータイトルに金のグローアニメーションを実装
  • ローディング演出でブランド体験を開始前から設計
  • コレクションはモーダルで没入感を維持
  • ボタン・余白・タイポを統一し品格を担保

Highlights

  • 黒を背景ではなく“舞台”として扱う余白設計。
  • 金のグロー演出でブランドの希少性を表現。
  • モーダル導線で世界観を切らさず詳細へ誘導。

Design

黒は背景ではなく“舞台”として扱い、金は常時ではなくポイントで光らせることで希少性を演出。
余白と視線設計によって、静けさの中に緊張感を持たせています。

Screenshots

トップページ
Top
ラインナップ
ラインナップ
コレクション詳細
コレクション詳細
注文画面
注文画面

Result

アニメーションを用いながらも、上品さを損なわないラグジュアリーUIを実現。
“世界観を作り込める設計力”を示せる制作事例となりました。

Role & Deliverables

  • コンセプト設計:ブランド体験の演出設計
  • UI設計:余白設計 / モーダルUX
  • 制作:HTML / CSS / JavaScript

Technology

  • HTML / CSS / JavaScript ・ Animation UI ・ Modal Interaction

参考制作費

約 ¥160,000〜¥240,000

ブランド設計 / 商品詳細モーダル / 招待制オーダー導線 / フォーム演出を含む想定です。

※演出内容・ページ構成・実装範囲により変動します。

“ブランドの格を上げるサイト”、設計します。

ビジュアルだけで終わらせず、空気・体験・導線まで一貫設計します。

この規模感で相談する

このテイストで作りたい方へ。
“会員制”の空気感と没入導線を体験できます。