「Aquelia」公式 Web

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

担当範囲

• 配色設計：ダークテーマから白基調のライトテーマに切り替えた。淡いラベンダーを差し色にした配色を指定した。
• タイポグラフィ：サイト全体を明朝体（Noto Serif JP）に統一した。
• ヒーロー演出：ランダムな位置に水滴が落ち、波紋の形のマスクから画面が開くオープニングを設計した。実装方法として SVG マスクと WebGL シェーダの二案を出し、実装後は色の付いたエフェクトを外してマスクだけの表現にした。
• UI の細部：幾何学模様のアニメーション背景、ナビゲーション、現在地の表示など。

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