フレグランス
ÉTHRA(エトラ)
架空ブランドを立てて制作したデザインデモです(2026-06-30 公開)。
実際のサイトを見る 別タブで開きます
香りが届くのは半径15cm、自分の体温の内側だけ。残香曲線と拡散半径の二軸で残り方を測って読ませる、近接のフレグランスメーカー ÉTHRA。50ml EDP ¥24,000〜。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト ÉTHRA(エトラ)— 『余韻を長くするために、最初の強さを捨てる』を判断基準に掲げ、調香思想を4章で探索させるフレグランスメーカー
- スタイル
- 墨黒ベース+香調由来の差し色1色・余韻の時間設計で読ませる思想探索型
- レイアウト
- 4章自走ナビゲーション(思想/調香/製造/プロダクト)+章内限定の没入演出。ローダー無しでFV即到達
- タイポグラフィ
- 見出しのみ欧文セリフディスプレイ、日本語は骨格のある明朝で統一。コピーは短い断定文で詩的/説明的の断絶をなくす
- モーション
- カーソル追従を排し、スクロール停止・滞在に反応して『遅れて立ち上がる/残像が残る』時間設計のモーション。読むほど滲み重なる
- 配色
- 墨黒モノクローム+香調・原料思想に紐づく色温度を1色だけ差す(例:トップノートの体温色)
- 狙い
- WebGLを『没入』でなく『香りの構造(トップ→ミドル→ラスト)の層可視化』に限定し、時間差で層がずれるタイポと滞在反応モーションで余韻そのものを画面体験に翻訳する
- 設計の勘所
- 墨黒+差し色1色で香りの層構造をWebGL可視化し、滞在反応の遅延モーション(残像・滲み)で余韻を体験化する思想探索型サイト
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。