// 3D Design Studio · Tokyo · Since 2021
三次元で、ブランドを動かす。
VOXELは、3D・モーション・インタラクティブを横断するデザインスタジオ。SplineやThree.jsで、ブランドのウェブ体験を立体的に変えます。プロダクトショーケース、コンフィギュレーター、メタバース展開まで。
// What we do
Spline・Three.js・WebGLを駆使し、ブランドのウェブ体験に立体感を加えます。プロトタイプから本番運用まで、一貫してサポート。
3Dウェブデザイン
Spline・Three.jsを駆使した、立体的なヒーロー・ブランドビジュアル設計。ストレスなく動く軽量化までセットで提供。
インタラクティブUX
スクロール・マウス・ジャイロでドキッとさせる体験設計。GSAP・Framer Motion・Locomotive Scrollを組み合わせて。
プロダクトコンフィギュレーター
家具・自動車・ジュエリー等の3Dプロダクト構成ツール。色・素材・パーツを動的に切り替えられるUI設計。
AR・WebXR
ブラウザで動く拡張現実体験。商品を実空間にAR表示するEC体験から、WebVR用のシーン制作まで対応。
ジェネラティブビジュアル
パラメトリック・アルゴリズムで生成する、唯一無二のブランドビジュアル。OpenGLシェーダー・p5.js・TouchDesignerを使用。
モーションブランディング
3Dロゴアニメーション、SNS用モーション、CMの3Dエフェクト演出。Cinema 4D・After Effects・Blenderを駆使。
// Selected Works
プロダクトブランド・ファッション・メディア・自動車・スタートアップまで、120以上のプロジェクトを手がけてきました。
// How we work
ブリーフ → コンセプト → プロトタイプ → 実装 → リリースまで、最短で一緒に走ります。
// Brief & Research
ブランド・ターゲット・課題を深掘り。市場・競合・ユーザー像を3D体験軸で再構築します。
// Concept & 3D Sketch
スタイルフレーム・ムードボード作成後、Splineで3Dコンセプトを早期共有。
// Interactive Demo
クリック・スクロール・カメラワークまで、実際に触れる3Dプロトタイプを開発。
// Build & Optimize
本番実装・パフォーマンス最適化・モバイル対応・SEOまで完全納品。
// Latest News
スタジオの最新情報・受賞・新作リリースなどをお知らせします。