44dat DESIGN GALLERY

フレグランス

ÉTHRA(エトラ)

架空ブランドを立てて制作したデザインデモです(2026-06-30 公開)。

実際のサイトを見る 別タブで開きます

ÉTHRA(エトラ)(フレグランス)のホームページデザイン

香りが届くのは半径15cm、自分の体温の内側だけ。残香曲線と拡散半径の二軸で残り方を測って読ませる、近接のフレグランスメーカー ÉTHRA。50ml EDP ¥24,000〜。

全ページビュー

ÉTHRA(エトラ) — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト ÉTHRA(エトラ)— 『余韻を長くするために、最初の強さを捨てる』を判断基準に掲げ、調香思想を4章で探索させるフレグランスメーカー

スタイル
墨黒ベース+香調由来の差し色1色・余韻の時間設計で読ませる思想探索型
レイアウト
4章自走ナビゲーション(思想/調香/製造/プロダクト)+章内限定の没入演出。ローダー無しでFV即到達
タイポグラフィ
見出しのみ欧文セリフディスプレイ、日本語は骨格のある明朝で統一。コピーは短い断定文で詩的/説明的の断絶をなくす
モーション
カーソル追従を排し、スクロール停止・滞在に反応して『遅れて立ち上がる/残像が残る』時間設計のモーション。読むほど滲み重なる
配色
墨黒モノクローム+香調・原料思想に紐づく色温度を1色だけ差す(例:トップノートの体温色)
狙い
WebGLを『没入』でなく『香りの構造(トップ→ミドル→ラスト)の層可視化』に限定し、時間差で層がずれるタイポと滞在反応モーションで余韻そのものを画面体験に翻訳する
設計の勘所
墨黒+差し色1色で香りの層構造をWebGL可視化し、滞在反応の遅延モーション(残像・滲み)で余韻を体験化する思想探索型サイト

写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。