Project PAVILION
「見せるWeb」から「魅せるWeb」へ。
空間Webデザインの新基準
これまでのWeb体験
テキストと画像の平面的なレイアウト。 情報を閲覧するだけの二次元のWeb
pavilion.js の導入
わずか数行のコードをNext.jsに追加。 それだけで3D空間の基盤が整う
3D空間Webの実現
ブラウザ上で高品質な3D体験を シームレスに実現
あらゆるデバイスでの没入体験
PC・スマホ・VRゴーグルで いつでもどこでもアクセス
VRでの完全没入体験
視界いっぱいに広がる3D空間で 直感的なインタラクションを実現
空間そのものがWebサイト
画面やUIの枠を超え、空間全体が ブランド体験・世界観を表現
Webの世界観を空間で体験
テキストや画像だけでは伝えきれない 価値を、体験として届ける
Webの未来を、共に創る
OSSの力で、空間Webデザインの未来へ 世界中の開発者・クリエイターと共に
Our Product
Pavilion.js
空間Webデザインのための Next.js ライブラリ
Next.js (App Router) + TypeScript による堅牢な基盤、Three.js (R3F) による高度な3D描画、そして WebXR 標準への準拠。ブラウザだけで完結するシームレスな VR / AR 体験を実現するための OSS ライブラリです。
「見せるWeb」から、
「魅せるWeb」へ。
専用のアプリも、高価なデバイスも必要ありません。ブラウザ一つあれば、そこはもう新しい表現の舞台です。
Project PAVILIONは、空間Webデザイン専用のOSSライブラリ「Pavilion.js」の開発を軸に、インターネットの次元を拡張します。Next.js・TypeScript・TailwindCSSというフロントエンド開発者にとって馴染み深い技術スタックで、心を動かし没入する「魅せるWeb」を実現します。
ライブラリ設計 — OSS基盤
Next.js (App Router) や TypeScript、Three.js、@react-three/xr といったモダンかつ最高峰の技術スタックを採用。OSSとして公開し、誰もが空間Webデザインの恩恵を享受できる世界を目指します。
空間コンテンツ設計
クライアントのブランド世界観を深く理解し、三次元空間での体験設計を行います。平面では伝えきれない「らしさ」を、没入感のある空間で表現します。
実装・インテグレーション
Pavilion.jsのコンポーネントを活用し、既存のWebサイトやNext.jsプロジェクトにシームレスに3D空間を統合。パフォーマンスと体験の両立を実現します。
デプロイ・グローバル公開
完成した空間Webコンテンツを公開。ブラウザさえあれば世界中の誰もがPC・スマホ・VRゴーグルを問わずアクセスできる体験を提供します。
Tech Stack
Next.js + TypeScript
App Routerによるパフォーマンス最適化と、TypeScriptによる型安全性により、保守性の高い堅牢な開発基盤を構築します。
Three.js (R3F / drei)
React Three Fiberとdreiを採用。Three.jsの強力な描画機能をReact上で宣言的に記述し、高度な3D体験を効率的に実装します。
@react-three/xr
WebXR標準に準拠。ブラウザ上でのシームレスなVR/AR体験を実現するための機能を統合します。
なぜ Pavilion.js なのか
Universal Access
ブラウザさえあれば、PC・スマホ・VRゴーグルを問わずアクセス可能。専用アプリのインストールは一切不要。
Developer Friendly
Next.js互換のコンポーネント設計。npm installして即座に利用開始。TypeScriptの型安全性を完全サポート。
Ultra Lightweight
独自の最適化エンジンにより、高品質な3D空間を瞬時にレンダリング。Core Web Vitals を損なわない設計。
Open Source
完全オープンソース。コミュニティと共に空間Webデザインの未来を創る。カスタマイズも拡張も自由自在。
空間Webコンテンツ制作
Pavilion.jsを活用した
コンテンツ制作事業
Pavilion.jsを活用し、企業のブランド空間、バーチャルショールーム、没入型ポートフォリオなど、次世代のWebコンテンツを制作。デザインから実装・運用まで一気通貫でサポートします。
開発・導入のご相談ブランド空間構築
バーチャル展示・ショールーム
インタラクティブLP
没入型ランディングページ
3Dポートフォリオ
空間型ポートフォリオサイト
商品プレゼンテーション
3Dプロダクトビューアー
