「Aquelia」公式 Web

VRChat のストーリー体験型ロールプレイイベント「Aquelia」の公式サイト。実装は開発担当が行い、自分はデザイン面のディレクションを担当した。舞台である2226年の近未来と、「白く美しい」というブランドイメージの両立を軸に、Issue ベースで仕様を提示しながら細部まで反復した。

担当範囲

• 配色設計 — ダークテーマから白基調のライトテーマへ転換。淡いラベンダーを差し色とするパレットを指定し、清潔感と透明感のあるトーンに再構成した。
• タイポグラフィ — サイト全体を明朝体(Noto Serif JP)に統一し、上品さと洗練を担保。
• ヒーロー演出 — ランダムな座標に水滴が滴り、波紋のマスクから画面が展開するオープニングを設計。実装案として SVG マスクと WebGL シェーダの二案を提示し、実装後は色付きエフェクトを削って純粋なマスク表現に磨き込んだ。
• UI ディテール — 幾何学模様のアニメーション背景、ナビゲーションの設計、現在地表示など。

キービジュアル(別掲「Aquelia」)も担当しており、サイトとグラフィックのトーンを揃えている。