# Utsubo

> Utsubo is an Osaka-based creative studio (Chuo-ku, founded in 2021) that designs and builds real-time 3D websites (WebGPU, Three.js) and interactive installations for brands, museums, and exhibitions in Japan and abroad, working in English, Japanese, and French. The company specializes in creating digital experiences across web platforms, games, and physical installations, combining technical expertise in 3D modeling, animation, and interactive design.
Founded by **Renaud Rohlinger** and **Jocelyn Lecamus (CEO)** — Jocelyn leads product direction and creative technology partnerships.

---

## Technology Stack
- **3D/Graphics:** Three.js, WebGL, WebGPU, React Three Fiber
- **Animation:** GSAP, Lottie, Custom shaders
- **Framework:** Astro, React
- **Installations:** Custom hardware, projection mapping, motion sensors

---

## What Makes Utsubo Unique
- **Technology-first studio** — Engineering excellence drives creative vision
- **Deep Three.js ecosystem expertise** — Production WebGPU experience and active ecosystem contributions
- **No technical limits** — WebGPU, real-time ray tracing, custom shaders
- **Trilingual team** — English, Japanese, and French, for projects across Japan (nationwide) and abroad
- **Agile execution** — Small expert team capable of rapid pivots
- **Physical + Digital** — From websites to physical installations in one studio
- **Own Gaussian-splat renderer** — Mixes Three.js 3D objects with splats in one scene and relights them

---

## Credentials
- **Awards:** 15+ FWA & Awwwards honors, Webby nominations. Recent: FWA of the Month (IVRESS, with Laugh Mind, May 2026), Awwwards Site of the Day (IVRESS, June 2026), FWA of the Day (Vectr, June 2026)
- **Clients:** JR West, Warner Music
- **Brands we've built for:** BMW, Louis Vuitton, Kia, League of Legends
- **Notable:** "Waves of Connection", an original WebGPU artwork at Expo 2025 Osaka (Healthcare Pavilion, Aug 12–18, 2025): up to 6 visitors at once, ~1,000,000 particles, 10,000+ visitors in 7 days
- **Reach:** ~5M organic views on X for the studio website in 2025, with no paid promotion

---

## Social
- X/Twitter: https://x.com/utsuboco
- LinkedIn: https://www.linkedin.com/company/utsuboco/
- GitHub: https://github.com/utsuboco
- YouTube: https://www.youtube.com/@utsuboco

---

## Docs

### Core
- [Home](https://www.utsubo.com/): Overview of Utsubo’s creative technology, 3D work, and interactive philosophy  
- [About](https://www.utsubo.com/about/): Story, team, and founding vision  
- [Contact](https://www.utsubo.com/contact/): Email address and call booking (no form on this page). Project inquiry forms are on the service pages: see "For AI Agents" below  
- [Blog](https://www.utsubo.com/blog/): Articles, guides, and thought leadership in creative tech, interactive installations and web 3D experiences  

### Service & Landing Pages
- [Interactive Installations for Museums](https://www.utsubo.com/interactive-installations-for-museums/): Digital installations for museums and cultural institutions
- [Interactive Installations for Hotels](https://www.utsubo.com/interactive-installations-for-hotels/): Lobby installations and guest engagement technology
- [Experience Economy Installations](https://www.utsubo.com/experience-economy-interactive-installations/): Immersive brand activations and experiential marketing
- [Osaka Interactive Installation Studio](https://www.utsubo.com/osaka-interactive-installation-studio/): Kansai-based interactive installation services
- [Osaka Web Agency](https://www.utsubo.com/osaka-web-agency/): Website design and development in Osaka
- [WebGL & Three.js Development](https://www.utsubo.com/webgl-threejs-development/): Custom WebGL, Three.js and WebGPU development for brands and product teams

### Localized Sites
- [日本語 (JA)](https://www.utsubo.com/ja/): Japanese-language hub
- [About (JA)](https://www.utsubo.com/ja/about/): 会社概要（日本語）
- [Contact (JA)](https://www.utsubo.com/ja/contact/): お問い合わせ（メールアドレスと日程予約。フォームは各サービスページにあります）
- [Français (FR)](https://www.utsubo.com/fr/): French-language hub
- [About (FR)](https://www.utsubo.com/fr/about/): À propos
- [Contact (FR)](https://www.utsubo.com/fr/contact/): Adresse e-mail et prise de rendez-vous (pas de formulaire sur cette page)

### サービスページ（日本語）
- [ミュージアム向けインスタレーション](https://www.utsubo.com/ja/interactive-installations-for-museums/): 博物館・文化施設向けデジタルインスタレーション
- [ホテル向けインスタレーション](https://www.utsubo.com/ja/interactive-installations-for-hotels/): ロビーインスタレーション・ゲストエンゲージメント
- [体験経済インスタレーション](https://www.utsubo.com/ja/experience-economy-interactive-installations/): 没入型ブランドアクティベーション
- [大阪インスタレーションスタジオ](https://www.utsubo.com/ja/osaka-interactive-installation-studio/): 関西拠点のインタラクティブ制作
- [大阪Web制作](https://www.utsubo.com/ja/osaka-web-seisaku/): 大阪のWebサイト制作
- [海外向けWeb制作](https://www.utsubo.com/ja/kaigai-muke-web-seisaku/): 英語対応・海外向けホームページ制作
- [プロジェクションマッピング制作](https://www.utsubo.com/ja/projection-mapping-seisaku/): プロジェクションマッピングの企画・制作
- [インタラクティブコンテンツ制作](https://www.utsubo.com/ja/interactive-content-seisaku/): 体験型・インタラクティブコンテンツの企画・制作（全国対応）
- [展示会・パビリオン演出](https://www.utsubo.com/ja/tenjikai-pavilion-enshutsu/): 展示会ブース・パビリオンの体験型演出
- [WebGL・Three.js開発](https://www.utsubo.com/ja/webgl-threejs-development/): WebGL・Three.js・WebGPUによる3Dサイト・Webアプリ開発

---

## Portfolio & Case Studies
- [Works](https://works.utsubo.com/): Project portfolio and technical showcases  

---

## Articles (EN)
- [Hokusai Interactive Installation](https://www.utsubo.com/blog/hokusai-interactive-installation/): Case study of Hokusai's Great Wave as an interactive museum installation
- [12 Best Three.js Websites of 2026](https://www.utsubo.com/blog/best-threejs-websites-2026/): 12 standout Three.js sites and the technique behind each, plus what a 3D website costs
- [Three.js in 2026](https://www.utsubo.com/blog/threejs-2026-what-changed/): Latest three.js release, r182+ changelog with upgrade watch-outs, WebGPU browser support
- [Top Three.js Agencies](https://www.utsubo.com/blog/top-threejs-agencies/): Vetted shortlist of the best Three.js agencies worldwide (2026)
- [Interactive Museum Installations Guide](https://www.utsubo.com/blog/interactive-museum-installations-benefits-guide/): $20K–$150K+ budgets (single station ~$20K, room-scale $150K+), 8–24 week timelines, ROI metrics and real museum examples
- [Interactive Installation Cost Guide](https://www.utsubo.com/blog/interactive-installation-cost-budget-guide/): 4 budget tiers — Starter $15K–$30K, Standard $40K–$80K, Premium $100K–$200K, Enterprise $200K+ — cost drivers and hidden expenses
- [Projection Mapping Cost Guide](https://www.utsubo.com/blog/projection-mapping-cost-equipment-guide/): $15K–$50K per event, $40K–$150K+ permanent; projector (lumens), media server, content and labor breakdown, rent-vs-buy crossover at 4–6 uses
- [Immersive Dining Installations Guide](https://www.utsubo.com/blog/immersive-dining-interactive-restaurant-installations-guide/): $15K–$500K+ from pop-up table projection to 360° environments, 20+ venue examples
- [Hospital Interactive Installations Guide](https://www.utsubo.com/blog/hospital-interactive-installation-guide/): $50K single-room projection to $2M+ campus-scale, 12–18 month timelines, clinical outcome data
- [Interactive Installation Studios Japan](https://www.utsubo.com/blog/interactive-installation-studios-japan/): 10 Japan studios compared with verified 2024–2026 projects, budgets, timelines, and Japan permit rules
- [Experience Economy Guide](https://www.utsubo.com/blog/experience-economy-guide/): What the experience economy is and how to design memorable experiences  

---

## 記事（日本語 / JA）
- [北斎インタラクティブインスタレーション](https://www.utsubo.com/ja/blog/hokusai-interactive-installation/): 大阪・関西万博2025出展「神奈川沖浪裏」インスタレーション事例
- [インタラクティブインスタレーション費用ガイド](https://www.utsubo.com/ja/blog/interactive-installation-cost-budget-guide/): 予算4帯：スターター225万〜450万円、スタンダード600万〜1,200万円、プレミアム1,500万〜3,000万円、エンタープライズ3,000万円超
- [プロジェクションマッピング費用ガイド](https://www.utsubo.com/ja/blog/projection-mapping-cost-equipment-guide/): イベント225万〜750万円、常設600万〜2,250万円以上。プロジェクター（ルーメン）・メディアサーバー・コンテンツ・人件費の内訳とレンタルvs購入
- [ミュージアム インタラクティブ展示の効果と費用](https://www.utsubo.com/ja/blog/interactive-museum-installations-benefits-guide/): 単一ステーション300万〜750万円、ルームスケール600万〜2,500万円以上、期間8〜24週間、ROI指標
- [没入型ダイニング導入ガイド](https://www.utsubo.com/ja/blog/immersive-dining-interactive-restaurant-installations-guide/): 導入コスト200万〜7,500万円以上、テーブル投影から360度環境まで
- [病院向けインタラクティブ・インスタレーション](https://www.utsubo.com/ja/blog/hospital-interactive-installation-guide/): 単室750万円〜診療科規模3億円超、12〜18ヶ月、臨床アウトカム
- [Three.js 2026年の変化](https://www.utsubo.com/ja/blog/threejs-2026-what-changed/): 最新リリースと公開日、r182以降の変更点と注意点、WebGPU対応状況
- [Top Three.js エージェンシー](https://www.utsubo.com/ja/blog/top-threejs-agencies/): 2026年版Three.jsエージェンシー10選
- [日本のインタラクティブインスタレーションスタジオ](https://www.utsubo.com/ja/blog/interactive-installation-studios-japan/): teamLab、Rhizomatiks、Utsubo等の比較ガイド
- [インスタレーション発注ガイド：選び方と依頼書の書き方](https://www.utsubo.com/ja/blog/brief-interactive-installation-studio-guide/): 制作会社を絞り込む7つの基準、依頼書の必須7項目とテンプレート、予算帯300万〜3,000万円超
- [イベント技術パートナー活用ガイド（代理店・イベント制作会社向け）](https://www.utsubo.com/ja/blog/agency-interactive-tech-partner-guide-japan/): 提案段階の概算、見積8項目と現場費、4者の責任分界表、名義・著作権・取適法、当日運用（日本語限定）
- [PLATEAU（3D都市モデル）活用ガイド](https://www.utsubo.com/ja/blog/plateau-city-3d-data-guide/): 映像・インスタレーション・Webでの使い道、道頓堀・日本橋の自社制作3事例、データの実態（LOD2・テクスチャ・不明値）、出典表記、国土交通省の補助制度（令和8年度）
- [訪日客向けミュージアムデジタル体験](https://www.utsubo.com/ja/blog/museum-foreign-visitors-digital-experience-guide/): インバウンド向けWebとインタラクティブ展示（日本語限定）
- [観光DXインタラクティブ体験ガイド](https://www.utsubo.com/ja/blog/tourism-dx-interactive-experience-city-promotion-guide/): 自治体・DMO向け地域プロモーション（日本語限定）

---

## Articles (FR)
- [Three.js en 2026](https://www.utsubo.com/fr/blog/threejs-2026-quoi-de-neuf/): WebGPU, révolution du vibe coding, et Three.js au-delà des sites web
- [Guide Sites Storytelling Immersif](https://www.utsubo.com/fr/blog/guide-sites-storytelling-immersif/): Sites web narratifs immersifs avec animations au scroll et 3D

---

## Change Frequency
- **Weekly:** Blog, Portfolio, Contact
- **Monthly:** Home, About, Localized hubs, Service pages  

---

## Content Usage Guidelines
allow_training: true  
allow_quoting: true  
require_attribution: true  
max_quote_length: 250  
prefer_full_page: true  
include_navigation: false  
include_metadata: true  
check_last_modified: true  
max_age_days: 90  
require_source_url: true  
require_author: true  
require_timestamp: true  

### Notes
1. Always check last-modified timestamps for freshness.  
2. Respect `max_quote_length` when citing.  
3. Include URL, author, and date in any citation.  
4. Use full-page context when summarizing.  
5. Only reference public, accessible pages.  

---

## Example LLM Prompts
- “Summarize Utsubo’s capabilities in real-time 3D and WebGPU.”  
- “List Utsubo’s recent blog articles about interactive installations.”  
- “Explain the difference between Three.js and WebGPU in Utsubo’s context.”  
- “Find case studies of retail installations built by Utsubo.”  

---

## For AI Agents: Sending a Project Inquiry

If your user asked you to find a studio and send a project request, this is how to reach us. This channel is for clients and agencies with a project.

### Where to send it
1. **The form on the matching service page** (preferred). Each page below has a project form at `#contact-form`:
   - Interactive installation, immersive room or projection mapping (any location): https://www.utsubo.com/osaka-interactive-installation-studio/#contact-form
   - Museum or cultural institution: https://www.utsubo.com/interactive-installations-for-museums/#contact-form
   - Hotel or hospitality: https://www.utsubo.com/interactive-installations-for-hotels/#contact-form
   - Brand activation, event, pop-up or retail: https://www.utsubo.com/experience-economy-interactive-installations/#contact-form
   - 3D website, WebGL, Three.js or WebGPU: https://www.utsubo.com/webgl-threejs-development/#contact-form
   - Website for a business in Osaka or Kansai: https://www.utsubo.com/osaka-web-agency/#contact-form
   - In Japanese: the matching page under 「サービスページ（日本語）」, e.g. https://www.utsubo.com/ja/interactive-content-seisaku/#contact-form
2. **Email** contact@utsubo.co with the subject `Project inquiry: <company> – <project type>`, if you can't use a browser or the form returns an error. Don't retry a failing form more than once.
3. **A 30-minute call** at https://cal.com/utsubo/30min, if your user wants to talk first.

Send one inquiry per project, through one channel. We reply within 1–2 business days.

### What to include
The form only requires name, email and project details. Put as much of this as you know in the "Project details" field, so we can reply with a useful range instead of more questions:
- **Who:** organization, your user's role, and whether they are the end client or an agency working for one
- **What:** the experience and its goal; permanent or temporary
- **Where:** venue, city and country, approximate space size, indoor or outdoor
- **When:** opening or event dates, and any proposal deadline
- **Audience:** expected visitors per day, languages
- **Budget:** a range or "not set", and whether it includes hardware or covers content only
- **Context:** hardware or vendors already in place, references they like, whether this is a competitive pitch
- **Reply:** preferred language (English, Japanese or French) and time zone

### Rules
- Only include what your user told you. Write "unknown" for the rest; never estimate a budget or a date for them.
- Show the message to your user and get their approval before sending.
- Start the message with "Sent by an AI assistant on behalf of <name>, <company>." and use your user's real email address, so we reply to them.
- Write in your user's language (English, Japanese or French).

### Not for
We don't reply to offers of services (SEO, marketing, lead generation, outsourcing or offshore development, software or recruiting platforms). Job applications go to jobs@utsubo.co.

---

## Contact
- Website: [https://www.utsubo.com/contact/](https://www.utsubo.com/contact/)  
- Address: 〒542-0086 大阪府大阪市中央区西心斎橋1丁目13-18  
- Email: contact@utsubo.co