# Utsubo (Full Reference)

> Utsubo is a technology-first creative studio that develops real-time 3D experiences, interactive installations, and WebGPU solutions for brands. 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.

For a concise version, see: https://www.utsubo.com/llms.txt

---

## Technology Stack

### 3D & Graphics
- **Three.js** — Core 3D rendering library
- **WebGL** — Hardware-accelerated graphics
- **WebGPU** — Next-gen graphics API for browsers
- **React Three Fiber (R3F)** — React renderer for Three.js
- **Custom GLSL/WGSL Shaders** — Bespoke visual effects

### Animation
- **GSAP** — High-performance animation library
- **Lottie** — Vector animations from After Effects
- **Custom shader animations** — GPU-accelerated effects

### Frameworks
- **Astro** — Static site generation
- **React** — Component-based UI

### Installation Hardware
- Custom hardware integration
- Projection mapping systems
- Motion sensors (depth cameras, LIDAR)
- Multi-display synchronization

---

## What Makes Utsubo Unique

### Technology-First Approach
Engineering excellence drives creative vision. We don't compromise on technical quality.

### Deep Three.js Expertise
The team has deep expertise in the Three.js ecosystem, with production experience across WebGL and WebGPU rendering, custom shaders, and performance optimization.

### No Technical Limits
We work with cutting-edge technology:
- WebGPU for next-gen performance
- Real-time ray tracing
- Custom shader development
- High-fidelity physics simulations

### Bilingual Team
Native Japanese + fluent English team enables:
- Seamless Japan market projects
- Global client communication
- Cross-cultural creative direction

### Physical + Digital
One studio for both:
- Interactive websites
- Physical installations
- Projection mapping
- Sensor-driven experiences

---

## Team

### Renaud Rohlinger — Co-Founder
- WebGL/WebGPU specialist
- Previously: Creative technologist at major studios

### Jocelyn Lecamus — CEO & Founder
- Product direction & strategy
- Creative technology partnerships
- Business development
- Japan market expertise

---

## Credentials

### Awards
- **FWA (Favorite Website Awards):** 9+ awards
- **Awwwards:** 6+ honors
- **Webby Awards:** Multiple nominations
- **CSSDA:** Various recognitions

### Notable Clients
- JR West (Japanese Railways)
- Louis Vuitton
- BMW
- Kia
- League of Legends
- Warner Bros.
- SMRJ (Japanese government)

### Notable Projects
- **Osaka Expo 2025** — "Waves of Connection" Hokusai installation
- **JR West** — Interactive train experience
- Multiple award-winning brand websites

### Reach
- 5M+ views on interactive projects
- Global client base (Japan, US, Europe)

---

## 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
- Instagram: https://www.instagram.com/utsuboco/
- TikTok: https://www.tiktok.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/): Project inquiries and collaboration opportunities
- [Blog](https://www.utsubo.com/blog/): Articles, guides, and thought leadership

### 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

### 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/): Contact

### サービスページ（日本語）
- [ミュージアム向けインスタレーション](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サイト制作

---

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

---

## Case Studies

### Hokusai Interactive Installation (2025)
Interactive museum piece based on Hokusai's "Great Wave off Kanagawa"
- Exhibited at Osaka Expo 2025
- Real-time wave simulation responding to visitor movement
- Available for museum rental
- Article: https://www.utsubo.com/blog/hokusai-interactive-installation/

### Vectr — Branding & WebGPU Site for an AI Staffing Startup (2026)
Brand system and high-motion marketing site for an AI-driven precision staffing platform serving critical infrastructure (nuclear, gas turbines, data centers, semiconductors)
- Brand idea: direction (arrow) + ignition (spark); enterprise-serious yet visibly frontier
- Homepage as a guided journey-line: activation → screening → selection → matching → dispatch
- Real-time Three.js WebGPU 3D hero with WebGL fallback, rendered off-main-thread via OffscreenCanvas
- Blender → GLB → Draco asset pipeline; 80–95% smaller 3D payload
- Lighthouse 94/98/100/100; privacy-first (no analytics, cookies, or trackers by default)
- Awarded FWA of the Day (June 2, 2026)
- Article: https://www.utsubo.com/blog/vectr-ai-startup-branding-case-study/

---

## All Articles (EN)

1. [Interactive Museum Budget Calculator](https://www.utsubo.com/blog/interactive-museum-budget-calculator/): Budget calculator for interactive museum installations. 6 cost drivers, worksheet scoring, and pilot/standard/flagship ranges.
2. [Game Studio Immersive Website Guide](https://www.utsubo.com/blog/game-studio-immersive-website-guide/): Guide for game studios on immersive websites. 3D asset reuse, mini-games, fan engagement, and budgets from $20K to $200K+.
3. [Three.js in 2026](https://www.utsubo.com/blog/threejs-2026-what-changed/): Three.js in 2026: WebGPU on all browsers, vibe coding revolution, and how Three.js moved beyond websites into rich apps and installations.
4. [Immersive Storytelling Websites Guide](https://www.utsubo.com/blog/immersive-storytelling-websites-guide/): Guide to interactive storytelling websites: narrative web experiences that engage visitors through scroll-driven animations, 3D, and interaction.
4b. [Immersive Recruit Sites: Visual Builds That Win Talent](https://www.utsubo.com/blog/immersive-recruit-site-employer-branding/): Recruit site (採用サイト) as an employer-branding medium, not an info page — scroll-driven storytelling, motion, 3D, and playable browser experiences (a game in the browser with team-as-NPC dialogue, Sougen) that communicate culture visually. Engineer-hiring angle: the medium itself is a credibility signal and self-selecting filter for strong builders. Plain-vs-immersive comparison, what-talent-expects table, anatomy (hook/culture story/team voices/values-as-interaction/playable scene/apply flow), 10–16 week timelines, tiered budgets. Stats: 86% Gen Z mobile job search, 68%+ research employer brand, video +86% conversion, 5M organic X views. Cross-links immersive-storytelling, vectr, best-japanese-studios; distinct from foreign-talent (visa/multilingual) which it cross-links as a boundary. 8 FAQs. EN + JA.
5. [Interactive Installations for Hotels Guide](https://www.utsubo.com/blog/interactive-installations-for-hotels-guide/): Guide for hotel GMs on interactive lobby installations. Covers design, reliability, budget, ROI, and how to pilot.
6. [Retail Interactive Installation Guide](https://www.utsubo.com/blog/retail-interactive-installation-brand-experience-guide/): ROI metrics, KPIs, and real examples for retail interactive installations. Budget tiers from pilot to flagship + UGC strategies.
6b. [Japanese Department Stores: 4 Interactive Installation Playbooks (2026)](https://www.utsubo.com/blog/department-stores-interactive-installations-japan-guide/): ¥5.77T market, bifurcation thesis (¥421B Isetan Shinjuku record vs Seibu Shibuya closing). Four reinvention playbooks (theater-type Hankyu Umeda, gallery-type Ginza Six, depachika sensory model, AR/XR overlay), JPY budget tiers ¥5M–¥300M+, RFP checklist, 個人情報保護法 compliance, inbound goods-to-experience shift.
6c. [Interactive Installation Revenue Models: Ticketing, Sponsorship & Licensing](https://www.utsubo.com/blog/interactive-installation-revenue-models-guide/): Five revenue models that turn an installation from cost center to profit center — ticketing (teamLab 4.2M visitors 2025, Van Gogh $250M + $30M merch), sponsorship ($128.35B experiential market, 74% of Fortune 1000 increasing budgets), licensing/touring (teamLab $1M+ per 6-month license, Fever ~40 locations), ancillary merch & F&B, and indirect retail uplift. Venue-to-model matching table, illustrative payback math, 8 FAQs.
6d. [Projection Mapping Cost: Equipment, Setup & Budgets (2026)](https://www.utsubo.com/blog/projection-mapping-cost-equipment-guide/): Spec and cost breakdown for buyers who've already chosen projection mapping. $15K–$50K per event, $40K–$150K+ permanent, $3K–$15K/year ongoing. Six-category bill of materials (projectors 35–50%, media server 10–20%, rigging 5–15%, content 15–40%, labor 15–25%), projector cost-by-brightness table (3,000–40,000+ lumens), lamp vs laser, media-server tiers (MadMapper/Resolume to disguise/Pixera/Watchout), two worked budgets (event facade + permanent lobby), rent-vs-buy crossover (~4–6 uses), 7 FAQs.
7. [Hokusai Interactive Installation](https://www.utsubo.com/blog/hokusai-interactive-installation/): Case study: Hokusai's Great Wave as an interactive museum installation. Visitor engagement data, technology specs, and rental availability.
7e. [Vectr: Branding & a WebGPU Site for an AI Staffing Startup](https://www.utsubo.com/blog/vectr-ai-startup-branding-case-study/): FWA-winning case study for AI staffing startup Vectr. Brand system (arrow + spark), homepage as a guided journey-line, real-time Three.js WebGPU 3D hero with WebGL fallback rendered off-main-thread via OffscreenCanvas, Blender→GLB→Draco pipeline (80–95% lighter payload), Taxi.js transitions, Lenis scroll, Apply + Request Crew flows, privacy-first. Lighthouse 94/98/100/100. For AI startups wanting premium branding + high-motion sites.
8. [Experience Economy Guide](https://www.utsubo.com/blog/experience-economy-guide/): What the experience economy is, real-world venue examples, and a checklist to design memorable experiences that drive revenue.
9. [Top Three.js Agencies](https://www.utsubo.com/blog/top-threejs-agencies/): Comparison of 10 top Three.js agencies with pricing tiers, specialties, and client fit. Updated for 2026 with selection criteria.
9b. [12 Best Three.js Websites of 2026](https://www.utsubo.com/blog/best-threejs-websites-2026/): A curated gallery of 12 standout Three.js sites, each with the exact technique behind it (WebGPU/TSL shaders, GPGPU particles, scroll camera rigs) and what to reuse. Includes IVRESS (FWA Site of the Month 2026).
10. [Interactive Museum Installations Benefits Guide](https://www.utsubo.com/blog/interactive-museum-installations-benefits-guide/): $20K–$150K+ budgets, 8–24 week timelines, and proven ROI metrics. Real museum examples with measurable outcomes.
11. [Creative Web Studios Osaka](https://www.utsubo.com/blog/creative-web-studios-osaka/): 15 vetted Osaka studios for 3D web, interactive experiences, and brand sites. Strengths, English support, and selection tips.
11b. [Best Creative Web Agencies in Tokyo (2026)](https://www.utsubo.com/blog/creative-web-studios-tokyo/): 10 Tokyo studios shaping premium web in 2026 — SHIFTBRAIN, Garden Eight, Laugh Mind, Rhizomatiks, NAKED, WOW, Dentsu Lab Tokyo, Whatever Co., 1→10, BASSDRUM. Budget bands, English-workflow notes, Tokyo vs Osaka comparison. Editor's Pick: Utsubo (Osaka HQ, Tokyo client work).
12. [Interactive Installation Studios Japan](https://www.utsubo.com/blog/interactive-installation-studios-japan/): Japan's top interactive installation studios compared: pricing tiers, project process, and what makes each studio unique.
13. [Real-Time 3D Studios](https://www.utsubo.com/blog/real-time-3d-studios/): Discover top real-time 3D creative studios transforming brand experiences through immersive web and physical installations.
14. [Choose Interactive Installation Studio Guide](https://www.utsubo.com/blog/choose-interactive-installation-studio-guide/): Key factors to select the perfect interactive installation studio for your next brand activation.
15. [Pop-up & Event Interactive Installations Guide](https://www.utsubo.com/blog/popup-event-interactive-installation-guide/): Temporary brand activations for pop-ups, trade shows, and product launches. Budget tiers from $30K to $150K+.
16. [Gaussian Splatting for Commercial Real Estate](https://www.utsubo.com/blog/gaussian-splatting-commercial-real-estate/): How CRE developers use 3D Gaussian Splatting for pre-leasing, investor tours, and development marketing.
17. [3D Gaussian Splatting Complete Guide](https://www.utsubo.com/blog/gaussian-splatting-guide/): Everything about 3DGS: services, use cases, web viewers, and cost ranges from DIY to custom integration.
17b. [Interactive Point Clouds: Real-Time Gaussian Splatting & Point-Cloud Art in Live Installations (2026)](https://www.utsubo.com/blog/interactive-point-cloud-installations-guide/): Using point clouds and Gaussian splats LIVE and interactively in a physical space — not a baked web fly-through. Owns the live/interactive angle the static 3DGS guides don't: real-time vs baked tradeoff, interactivity driven by depth cameras (Orbbec/RealSense/Kinect), LiDAR, motion and audio; output via projection mapping / LED / large-format; tooling (TouchDesigner, Notch, Unreal/Unity, WebGPU real-time splatting — web-splat >200 FPS on RTX 3090); on-site frame budget (16.6ms @ 60FPS, 1–8M points by scene scale, per-frame depth sort, LOD/culling); live-capture vs pre-captured splats; cost $25K–$250K+ (hardware/venue separate); examples (Ryoji Ikeda, depth-camera body pieces, TouchDesigner splat work); common pitfalls; 8 FAQs. EN+JA.
17c. [Gaussian Splatting Landing Pages: Scroll-Driven 3D Storytelling (2026)](https://www.utsubo.com/blog/gaussian-splatting-landing-page/): Using Gaussian splats as a storytelling medium on web landing pages — scroll-driven cinematic camera through a photoreal captured scene, mixed with real-time three.js 3D objects, physics, and lighting in one coherent scene. Distinct from the static splat viewer (gaussian-splatting-guide) and generative-3D scrollytelling (immersive-storytelling-websites-guide): the differentiator is photoreal capture + narrative camera. Utsubo R&D: custom Gaussian splatting player on a three.js WebGPU renderer, own physics engine, own lighting system that relights splats and CG objects together with correct depth. Heavy focus on file weight as the make-or-break: raw 20–200 MB, compression (SPZ/KSPLAT/SOG 5–10× smaller), LOD, progressive/lazy load to keep LCP green, mobile splat budgets (200–500K vs 1–2M desktop), 30–45 FPS mobile / 60 FPS desktop; decision table vs static viewer / generative 3D / video; cost capture $500–$5K + custom LP $15K–$60K+, 4–10 weeks; 6 FAQs. EN+JA.
17d. [Which 3D Capture Method to Commission: Gaussian Splatting vs Photogrammetry vs NeRF vs LiDAR (2026)](https://www.utsubo.com/blog/gaussian-splatting-vs-photogrammetry-nerf-lidar/): The upstream "how is it captured" hub feeding the splat articles — a buyer-facing commissioning decision matrix for the four ways to turn a real object/scene into 3D data. Reframes the choice from "best tech" to "best for your deliverable." Four methods one line each: photogrammetry (editable mesh, DCC/CAD pipeline, weak on glass/chrome), Gaussian Splatting (captured light, photoreal incl. reflections, real-time/web-native, not editable), NeRF (research-grade, largely overtaken by splats for commercial work in 2026, rarely the named deliverable), LiDAR (survey-accurate metric geometry/scale, needs color from another method). Core decision matrix scores all four on photorealism, relight/geometry accuracy, file size/web-streamability, capture cost/turnaround, edit-ability, reflective-transparent handling. Deliverable→method mapping: web/product page → splats (→ gaussian-splatting-landing-page), real-estate → splats (→ gaussian-splatting-commercial-real-estate), live installation → point cloud/real-time (→ interactive-point-cloud-installations-guide), editable game/film asset → photogrammetry, survey/as-built → LiDAR, heritage → LiDAR+photogrammetry. Explicitly distinguishes LiDAR-as-capture from LiDAR-as-live-sensor. Capture logistics per method, cost bands ($500–$5K photogrammetry/splat, $2K–$15K+ LiDAR; capture separate from delivery budget), LiDAR+photogrammetry hybrid, commissioning pitfalls, 8 FAQs. Cedes formats/compression/LOD to gaussian-splatting-guide. EN+JA.
18. [Interactive Installation vs Projection Mapping](https://www.utsubo.com/blog/installation-vs-projection-mapping-guide/): Decision guide comparing costs, timelines, and best-fit scenarios for immersive experiences.
19. [What Is Interactive Art? 2026 Guide](https://www.utsubo.com/blog/interactive-art-guide/): Definition, history, notable artists, and how to create interactive art with modern tools.
20. [WebGPU + Three.js Migration Guide](https://www.utsubo.com/blog/webgpu-threejs-migration-guide/): Technical roadmap for migrating Three.js projects from WebGL to WebGPU with React Three Fiber support.
21. [100 Three.js Tips](https://www.utsubo.com/blog/threejs-best-practices-100-tips/): Actionable best practices for Three.js performance, WebGPU, instancing, and optimization.
22. [3D E-Learning Games Guide](https://www.utsubo.com/blog/3d-elearning-game-development-guide/): Browser-based 3D training that boosts completion rates from 25% to 80%+. ROI and implementation guide.
23. [Best Japanese Web Design Studios 2026](https://www.utsubo.com/blog/best-japanese-web-design-studios-2026/): 14 vetted Japanese studios (incl. mount inc., tha, baqemono, Utsubo) with award-winning signature projects (Awwwards/FWA/CSS Design Awards), a comparison table, pricing bands, and English-support notes.
23b. [Japanese Web Design: Style, Aesthetics & Examples](https://www.utsubo.com/blog/japanese-web-design-style-guide/): Decodes the actual design language (not a studio list). The "Japanese = minimal" myth vs the density paradox (Rakuten, Yahoo! Japan, Kakaku.com); ma (間) negative space in premium/craft sites; vertical text (tategaki) and kanji-kana-romaji typography; why JP sites historically used images-as-text (7,000–10,000+ glyph fonts) and how Noto/subsetting changed it; mincho vs gothic; heritage color and seasonality; authentic vs cargo-cult borrowing; how to commission the look. 7 real-site screenshots, AI prompt, 8 FAQs.
24. [How to Brief an Interactive Installation Studio](https://www.utsubo.com/blog/brief-interactive-installation-studio-guide/): Framework for writing briefs that get accurate quotes. Covers goals, space, timeline, and budget.
25. [Interactive Installations for Corporate Offices](https://www.utsubo.com/blog/corporate-office-lobby-interactive-installation-guide/): Lobby installations for employer branding, client impressions, and workplace experience.
26. [Interactive Installation Cost Guide](https://www.utsubo.com/blog/interactive-installation-cost-budget-guide/): Budget tiers from $15K to $200K+, cost drivers, and hidden expenses first-time buyers miss.
27. [Interactive Pop-up Design for Japan](https://www.utsubo.com/blog/interactive-popup-design-japanese-consumers-guide/): Design principles for Japanese consumers: LINE sharing, seasonal timing, kawaii aesthetics, venue types.
28. [Three.js vs Babylon.js vs PlayCanvas](https://www.utsubo.com/blog/threejs-vs-babylonjs-vs-playcanvas-comparison/): Ecosystem comparison, WebGPU support, and decision framework for choosing your 3D library.
29. [38 Interactive Installation Ideas for Museums](https://www.utsubo.com/blog/interactive-installation-ideas-museums/): Curated showcase of interactive museum installations from teamLab to Random International.
30. [Accessible Interactive Installations for Museums](https://www.utsubo.com/blog/accessible-museum-interactive-installations/): Complete guide to designing WCAG 2.1 AA compliant museum installations. Universal design, alternative inputs, April 2026 ADA deadline.
31. [Sound Design for Interactive Installations](https://www.utsubo.com/blog/sound-design-interactive-installations-guide/): $5K-$50K+ audio budgets, 3 technology tiers, and vendor checklist. How sound design transforms visitor engagement in museums, hotels, and retail.
32. [Interactive Installations for Children's Museums & Play Spaces](https://www.utsubo.com/blog/childrens-museum-interactive-installation-guide/): ASTM F963-23 safety, COPPA compliance, 3 age-band design frameworks (0-3, 4-7, 8-12), sensory-friendly design, and durability specs for children's environments.
33. [Premium Website Cost Guide 2026](https://www.utsubo.com/blog/premium-website-cost-budget-guide/): Custom website pricing from $5K to $500K+: 4 budget tiers, hidden costs, and how to get accurate quotes. For CMOs, founders, and brand managers.
34. [Web Design Trends 2026: What Decision-Makers Need to Know](https://www.utsubo.com/blog/web-design-trends-2026-decision-makers-guide/): AI killed 40% of info-seeking traffic. 5M+ viral views prove websites must become experiences. Budget tiers, ROI data, and strategy for CMOs.
35. [How to Choose a Web Design Agency: Selection Guide 2026](https://www.utsubo.com/blog/choose-web-design-agency-guide/): Boutique vs full-service, portfolio red flags, scoring rubric, and discovery call questions. Decision tree + checklist for CMOs and marketing leads.
36. [Website Redesign ROI: How to Measure & Justify the Investment](https://www.utsubo.com/blog/website-redesign-roi-measure-justify-investment/): ROI frameworks, 20-50% conversion lift benchmarks, and payback period calculators. Build a business case your C-suite approves with real before/after data.
37. [AI Website vs Custom Design: Data-Backed Guide](https://www.utsubo.com/blog/ai-website-vs-custom-design/): 75% judge credibility by design. AI builders cost $0-40/mo but custom sites convert 2-3x more. 3-year TCO comparison, brand impact data, and decision framework.
38. [Three.js vs Unity for Web: When to Use Each in 2026](https://www.utsubo.com/blog/threejs-vs-unity-web-comparison/): 168 kB vs 30+ MB bundles, $0 vs $2K+/yr licensing, 10x load speed gap. Side-by-side data on cost, SEO, mobile, and a CTO decision framework.
39. [The Psychology of Digital Awe: Why Immersive 3D Feels Different](https://www.utsubo.com/blog/psychology-digital-awe-immersive-3d-guide/): Mirror neurons, spatial presence, dopamine loops — 7 neuroscience mechanisms that explain why immersive 3D outperforms flat screens. Data + design principles.
40. [Interactive Installations for Zoos & Aquariums: Engagement Without Distraction](https://www.utsubo.com/blog/zoo-aquarium-interactive-installation-guide/): $100K–$88M exhibit budgets, 12–24 month timelines, 2–6x dwell time lifts. Body-tracking, projection mapping, and conservation storytelling tech that works.
41. [Interactive Installations for Libraries: Beyond the Book](https://www.utsubo.com/blog/library-interactive-installation-guide/): $50K–$5M+ budgets, IMLS grant strategies, and proven examples. Digital storytelling rooms, interactive archives, and community installations for public libraries.
42. [Interactive Installations for Hospitals: Clinical Outcomes, Patient Experience & ROI](https://www.utsubo.com/blog/hospital-interactive-installation-guide/): $50K–$2M+ budgets, 12–18 month timelines, and clinical outcome data. Pediatric distraction, wayfinding, waiting room anxiety reduction — real hospital examples with ROI.
43. [Collecting Interactive Art for Private Spaces: A Buyer's Guide (2026)](https://www.utsubo.com/blog/collecting-interactive-art-private-guide/): $2,400–$500K+ price ranges, 5 acquisition models, and maintenance costs. What private collectors need before buying interactive installations.
44. [In-House vs Agency vs Freelance: Who Should Build Your Next Website?](https://www.utsubo.com/blog/in-house-vs-agency-vs-freelance-web/): 3 team models compared — $175K–$285K fully loaded in-house vs 8–16 week agency delivery. Hidden management overhead, risk matrices, hybrid structures, and a 5-question decision framework for CTOs and CMOs.
45. [Award-Winning Website Design: What Judges Actually Look For](https://www.utsubo.com/blog/award-winning-website-design-guide/): 4 award platforms scored and compared. Awwwards, FWA, Webby, CSSDA criteria breakdowns, 8–24 week timelines, and $30K–$200K+ budgets for award-level sites.
46. [Digital Signage vs Interactive Installations](https://www.utsubo.com/blog/digital-signage-vs-interactive-installations/): $5K–$200K+ budgets, 5-year TCO comparison, and ROI benchmarks. Side-by-side costs, engagement data, and decision framework by venue type.
47. [Interactive Installations for Casinos & Entertainment Venues](https://www.utsubo.com/blog/interactive-installations-casinos-entertainment-venues-guide/): $50K–$2M+ budgets, non-gaming ROI data, LED walls, interactive floors, and gamification. Real examples from The Sphere, Resorts World, and MGM Cotai.
48. [Interactive Installations for Sports Stadiums & Fan Experiences](https://www.utsubo.com/blog/sports-stadium-interactive-installation-fan-experience-guide/): $100K–$1M+ budgets, AR fan zones, LED concourses, sponsor activations. Real stadium examples (SoFi, Intuit Dome, Tottenham, Citi Field) with ROI data.
49. [Interactive Installations for Worship Spaces: Churches, Temples, Mosques](https://www.utsubo.com/blog/worship-space-interactive-installation-guide/): $5K–$1M+ budgets, cross-faith sensitivity framework, and real examples from Notre-Dame to Shimogamo Shrine. Projection mapping, LED walls, prayer stations, immersive sound for churches, temples, mosques, and synagogues.
50. [Immersive Dining: How Restaurants Use Interactive Installations](https://www.utsubo.com/blog/immersive-dining-interactive-restaurant-installations-guide/): $15K–$500K+ budgets, 20+ venue examples, technology decision matrix. Practitioner's guide to projection mapping, LED, sound/scent, and interactive surfaces for restaurants.
51. [Interactive Installations for Universities & Campus Spaces](https://www.utsubo.com/blog/university-campus-interactive-installation-guide/): $30K–$300K+ budgets, donor walls, admissions experiences, STEM engagement. 15 real campus examples (Cornell Tech, MIT, ASU, UVA, Elon) with enrollment ROI data and funding sources guide.
52. [Interactive Installations for Theme Parks & Attractions](https://www.utsubo.com/blog/theme-park-interactive-installation-guide/): $500K–$10M+ budgets, 12–36 month timelines, and proven ROI data. Queue entertainment, dark rides, and digital overlay for global parks.
53. [Custom Web App Cost Guide 2026](https://www.utsubo.com/blog/custom-web-app-cost-budget-guide/): $15K–$300K+ custom web app pricing: 4 budget tiers, AI impact on dev costs, discovery phase value, hidden costs, and budget examples by app type (invoice, SaaS, portal, internal tool). For CTOs and founders.
54. [Interactive Installation vs Permanent Art Commission: When a Painter Beats a Studio](https://www.utsubo.com/blog/interactive-installation-vs-permanent-art-commission/): Contrarian comparison for cultural institutions. 30-year TCO math (a $150K painting ~$190K vs interactive ~$610K–$1.18M), lifespan asymmetry (50–300yr vs 5–10yr), 7 brief types where painters win (memorials, donor walls, blue-chip lobbies, heritage buildings, luxury suites, permanent collections, outdoor monuments), 6 brief types where studios win, hybrid budget heuristic, decision matrix.
55. [Top Creative Agencies in Asia (2026)](https://www.utsubo.com/blog/top-creative-agencies-asia-2026/): 30 award-winning creative agencies across Japan, South Korea, China, Taiwan, Hong Kong, and Singapore. Awwwards, Webby, FWA, and CSS Design Awards winners with strengths, best-fit projects, and selection criteria for brand directors evaluating APAC partners.
56. [Frontier Web APIs in 2026: WebGPU, WebTransport, WebCodecs & What's Production-Ready](https://www.utsubo.com/blog/frontier-web-apis-2026-production-ready/): CTO/VP-Eng buyer's guide to the 2026 web platform. WebGPU + WebTransport now Baseline; WebCodecs near-Baseline; WebNN still Origin Trial; WebXR on Vision Pro is VR-only; Speculation Rules + Document PiP are high-ROI single-vendor wins. Real production deployments (Figma, Loom, Zoom Web, Cloudflare, Astro, Ray-Ban) and a 5-question framework for picking which frontier API to ship.
57. [Trust Design Patterns for Fintech Websites: 12 Signals That Convert Cautious Users](https://www.utsubo.com/blog/fintech-website-trust-design-patterns/): 12 verified live-site trust patterns for fintech homepages — people-grounded heroes, plain-money copy above the fold, live fee/comparison widgets, regulator + deposit-insurance language placed in product copy, named-customer logos with scale numbers, support availability cues, named protection guarantees, motion restraint, neutral-grotesk typography, and trust as a content destination. Verified examples from Wise, Monzo, Stripe, N26, Mercury, Brex, Ramp, Robinhood, Plaid, Chime, PayPay, Money Forward. With a 12-point self-audit checklist and a $30K–$120K retrofit roadmap for marketing leads at neobanks, robo-advisors, BNPL, and crypto on/off-ramps.
58. [Evaluate a Web Agency: Startup Founder's Checklist + RFP Template (2026)](https://www.utsubo.com/blog/evaluate-web-agency-checklist-startups/): Founder-side guide to picking a web agency for $15K–$150K projects on 8–24 week timelines. 30-point checklist across 8 dimensions (portfolio audit, technical fit Webflow vs custom vs headless, team structure, communication cadence, fixed-bid vs T&M vs retainer pricing, contract red flags, IP / source-code ownership, references, post-launch SLA). Inline copy-paste RFP template with stage, scope, brand-asset, technical-constraint, budget, references, and stakeholder fields. Five reference questions that surface bait-and-switch and post-launch responsiveness. For pre-seed/seed founders, Series A CMOs, and technical co-founders running their first agency selection.
59. [Series A Website Refresh: An NPV Framework for Board-Ready Memos (2026)](https://www.utsubo.com/blog/series-a-website-refresh-npv-framework/): Financial framework for Series A site refresh decisions, written for Heads of Marketing/Growth presenting to founder, CFO, and board. Why simple ROI fails the CFO test for 18+ month projects, how to pick a discount rate (25–40% at Series A, default 30%), the NPV formula with a worked $150K refresh example (+$1.0M NPV at 30%, IRR 290%, 7-month payback), refresh-vs-rebuild decision tree ($40K–$90K vs $120K–$250K), 2026 budget allocation breakdown, sensitivity grid stress-testing conversion lift × discount rate, one-page board memo template, AI prompt for first-draft generation, and 13-point pre-memo checklist. Companion piece to the website redesign ROI guide.
60. [Forward Deployed Engineer Studio: The SMB Gap (2026)](https://www.utsubo.com/blog/forward-deployed-engineer-studio/): Explains the Forward Deployed Engineer (FDE) job-title phenomenon — Palantir-coined, now run by OpenAI (10+ FDEs across 8 cities), Anthropic (as "Applied AI Engineer"), and Ramp — and the structural SMB lockout it creates. 1,165% YoY posting growth (Bloomberry), 76% of lab-dispatched FDEs deploying to regulated whale accounts (financial services, government, healthcare, insurance), $173K–$550K total compensation bands that price SMBs out of the role entirely. Introduces the "Forward Deployed Studio" — a vendor-neutral pod of 2–4 (embedded engineer + designer + PM-strategist + optional comms) on a 3–6 month engagement — as the SMB-sized analog. Covers what AI-lab FDEs structurally will never do (naming, empty states, microcopy, launch sequences, visual identity), why vendor neutrality is a structural feature not a marketing line, comparison table vs fractional CTO / specialist agency / in-house hire, pricing anchor (total engagement = ~one mid-band FDE annual comp), 6-step kickoff, 8-point fit checklist, 7 FAQs. For founders at 11–500 employee companies evaluating embedded AI engineering options.
61. [Forward Deployed Designer: The Embedded Brand Partner for AI Startups (2026)](https://www.utsubo.com/blog/forward-deployed-designer-ai-startups/): Coins and defines the Forward Deployed Designer (FDD) category — the brand-side counterpart to the Forward Deployed Engineer. Quotes the Anthropic Applied AI Engineer job description verbatim to establish the four categories no AI-lab FDE will ever ship: product naming, visual identity, first-run UX / empty states, and the launch sequence. Defines the FDD as an embedded pod of 2–4 people (brand designer + product designer + strategist + optional copywriter) for 4–12 weeks, working in the client's repo and Figma file. Pricing bands: $40K–$60K (4-week kickoff), $60K–$90K (8-week mid), $90K–$120K (12-week full). Comparable to ~3–4 months of a senior brand designer hire at $180K loaded comp. Includes 5-signal diagnostic (demo-call "looks like every SaaS" feedback, >70% bounce + <25% scroll depth, <2% trial-to-paid, near-zero week-2 retention, launch shipped to silence), comparison table (FDD vs brand agency vs in-house hire vs Lovable default), 8-point fit checklist, AI prompt block for engagement-brief generation, 7 FAQs. For non-technical and technical founders 0–18 months post-launch on Claude/Cursor/Lovable/Bolt/v0, operators at AI-adjacent 11–500 employee startups with engineers but no brand owner, anyone evaluating freelance designer / brand agency / in-house hire alternatives.
62. [How to Hire a Branding & Design Agency in Asia (2026)](https://www.utsubo.com/blog/branding-design-agency-asia-guide/): Buyer's process guide for commissioning brand and website work from an Asia-based studio — the HOW that complements the Asia agency directory's WHO. Built to own the hiring/briefing search intent ("branding agency asia", "design agency asia") that currently lands on the leaderboard at 0% CTR. Opens by separating the three partner types most buyers conflate: branding/brand-strategy agency (positioning, naming, messaging, brand architecture), design agency (visual identity, design systems, UI), and creative/digital studio (the built site/experience) — with a scope table mapping each to its deliverable, engagement shape, and when to choose it. Cost section uses the Premium Websites ladder (Starter $5K–$15K, Standard $20K–$50K, Premium $50K–$100K, Flagship $100K–$200K+), with the custom floor ($20K–$30K), multilingual uplift (+30–50%/language), and maintenance rule (15–20% of build/yr or $500–$5,000/mo); strategy quoted as a separate line item. Briefing section (business goal, explicit deliverables, decision-makers, brand inputs, timeline, budget range) plus brief-response red flags, and cross-border selection criteria that distance breaks: the actual project lead's English fluency (not the sales contact), timezone overlap for live reviews, and IP/source-file/font ownership in the contract. Region one-liners (Japan/Korea/China/Singapore-HK/Taiwan), common pitfalls, a 6-step sequence, a hiring checklist, and 7 FAQs. Cross-links the Asia directory (shortlist), choose-web-design-agency-guide and evaluate-web-agency-checklist-startups (RFP/template), premium-website-cost-budget-guide, and best-japanese-web-design-studios-2026. EN + JA native (万円 pricing, domestic/in-region 発注 framing).
63. [The "Built with AI" Tell: 12 Signals That Drop Trust in 2026](https://www.utsubo.com/blog/built-with-ai-trust-signals-2026/): Top-of-funnel diagnostic listicle naming the 12 visual, copy, and code "tells" that mark a site as default AI output (Lovable/Bolt/v0/Framer AI/generic LLM) and erode brand trust. Opens on the 50ms first-impression finding (Lindgaard et al.) — visual appeal is the prime credibility driver, and the halo effect carries that snap verdict into pricing and competence judgments. Four signal groups: visual defaults (the blue→purple indigo-500 gradient, Inter-only typography, centered hero + generic headline, uniform 3-card grid + identical spacing, purposeless motion), AI imagery (plastic illustrations, no real proof), copy tells (em-dash density + "in today's fast-paced world" openers, buzzword soup, hedging + emoji bullets), and code/SEO (boilerplate meta + generic alt text, flaw-dense templated code). Argues the expensive tell is sameness, not ugliness, and most fixes are intentional decisions (color, type, copy, real imagery) not rebuilds — referencing the Premium Websites ladder ($5K–$200K+). 12-point self-audit checklist, 8 FAQs. Cross-links ai-website-vs-custom-design (decision framework), build-saas-with-ai-founder-kickoff-guide, and branding-design-agency-asia-guide. For founders/marketers shipping on AI builders or evaluating a vendor's output. EN + JA native.
64. [Digital Twin Experiences for Brands & Showrooms (2026)](https://www.utsubo.com/blog/digital-twin-brand-showroom-guide/): Buyer's guide to experiential digital twins — navigable, real-time 3D replicas of products, stores, factories, and brand worlds delivered in the browser. Opens by disambiguating three meanings of "digital twin": operational/IoT (engineering software, out of scope), static 360 virtual tour (a slideshow of fixed viewpoints), and the experiential twin this guide covers — a space you move freely inside, with interaction, lighting, and storytelling. Five use cases that justify the spend: virtual flagship/showroom, hero-product storytelling, factory/atelier/heritage tour, large or inaccessible products (vehicles/machinery), and a persistent brand world. Build splits into capture (Gaussian splatting for real spaces/objects, photogrammetry→clean mesh when editable, built-in-3D for designed/non-existent — most twins are hybrids) and web delivery (Three.js/WebGPU + WebGL fallback, OffscreenCanvas off-main-thread, Draco/GLB 80–95% lighter, progressive streaming — the Vectr-proven pipeline). Performance/mobile section stresses a real mobile budget and CWV impact. Budget on the custom-website ladder: single-product twin $20K–$50K, showroom $50K–$100K, flagship brand world $100K–$200K+, plus $15K–$80K real-time-3D adder, +30–50%/language, 15–20%/yr maintenance. Honest "when NOT to build" (a configurator, a few renders, or a 360 tour is enough; no traffic plan; brand bar doesn't need it). Cedes CRE/leasing → gaussian-splatting-commercial-real-estate, capture-method matrix → gaussian-splatting-vs-photogrammetry-nerf-lidar, formats/viewers → gaussian-splatting-guide, CWV depth → webgl-three-js-site-seo-rankable-guide. Cross-links vectr-ai-startup-branding-case-study, digital-vs-physical-experience-guide, experience-economy-guide, premium-website-cost-budget-guide. For brand/retail-experience and innovation leads evaluating a virtual showroom. EN + JA native. 7 FAQs.
65. [Photorealistic 3D for the Web: Render-Quality Product Visualization (2026)](https://www.utsubo.com/blog/photorealistic-3d-web-product-visualization-guide/): Decision-maker guide to render-quality product 3D on the web — watches, apparel, sneakers, bottles, devices. Reframes the premise: most web 3D "reads as a model" not because it's cheap but because real-time 3D is deliberately simplified to hold 60fps on phones (a ~16ms frame budget) — legibility-as-3D is a sensible trade, and only a problem when the product itself is the brand and its light, material, and motion must look premium. Film-grade fidelity (global illumination, accurate reflections, path tracing, physics) is too expensive to simulate live on mid-range mobile, so the field is a set of strategies for getting close without it. Four routes: real-time PBR (Three.js/WebGPU, fully interactive, ceiling capped by device), pre-rendered/pre-baked sequences (co-lead route — render film-quality output in advance, then drive it with scroll/camera/state-stitching and composited real-time accents so it feels interactive; highest visual quality per byte for a hero), baked-lighting hybrids (compute expensive lighting once, bake to lightmaps, render cheaply while keeping interaction — static to the baked light setup), and Gaussian splatting (photoreal capture). Buyer-level glossary (PBR, HDRI/lighting, GI/reflections, post). Route decision table (interactivity × visual ceiling × load/mobile × cost × best-fit product), product-by-product mapping (watch→pre-rendered hero, apparel→real-time PBR config, sneaker→hybrid, bottle→pre-rendered for refraction, device→real-time + baked), performance/mobile reality, pitfalls, commissioning section with studio questions. Utsubo differentiator: own Gaussian-splat renderer tuned for runtime performance that mixes Three.js 3D objects with splats in one scene and relights the splats for art-directed animation (hard to get from off-the-shelf viewers like PlayCanvas). Three.js positioned as the most mature, device-tested real-time foundation. Premium-website ladder: one 3D moment $20K–$50K, integrated $50K–$100K, full product world $100K–$200K+, plus $15K–$80K custom-3D adder, +30–50%/language, 15–20%/yr maintenance. Cedes use-case/showroom → digital-twin-brand-showroom-guide, capture-method choice → gaussian-splatting-vs-photogrammetry-nerf-lidar, scroll-splat hero → gaussian-splatting-landing-page, formats/viewers → gaussian-splatting-guide, dev-perf/CWV → webgl-three-js-site-seo-rankable-guide. Cross-links vectr-ai-startup-branding-case-study, premium-website-cost-budget-guide. For brand/marketing/product leaders commissioning a site where a product must look genuinely premium in 3D. EN + JA native. 8 FAQs.
66. [Personalized Avatar Installations: Scan a Visitor Into 3D in Under a Minute (2026)](https://www.utsubo.com/blog/personalized-avatar-installations-guide/): Use-case-led buyer's guide to installations that capture a real visitor with a camera and generate a photorealistic 3D model of them — via Gaussian splatting — fast enough to feel instant. Outcome-first framing: not "we rig a gaussian avatar" but "the visitor becomes shareable content." Real R&D speed numbers (RunPod RTX 5090 cloud GPU): gaussian model ~22s from a front photo, ~37s front+back, ~4s local rig, so full capture→3D→rigged lands under a minute. Throughput: under 60 people/hour per booth including animation playback; one GPU drives two booths in parallel (one animates while the other generates), roughly doubling effective throughput. Six shareable scene patterns: scale comparison (stand next to a whale/dinosaur — museum/science), impossible placement (put yourself on the roof/in space), collective generative art (every scan recycled into an infinite clock/growing crowd, with letter/typographic particle play), memory keepsake (3D you as a takeaway/AR/print), IP insertion (AI re-skins the visitor into a character's outfit alongside the cast, or into a fight-a-monster animation — the manga/anime/game/film activation play, IP must be licensed), and themed AI transformation (cyberpunk/historical/fantasy/seasonal). Content-loop ROI: every scan is a share = organic Instagram/TikTok/X reach the visitor produces. Honest 2026 limits: excellent for full-body scene-scale placement, NOT yet portrait-sharp for close-ups — the pipeline prioritizes speed over per-pixel fidelity so it runs in a live queue; quality ceiling rising fast. Privacy: delete scans after each session, explicit up-front consent, regional rules (Japan 個人情報保護法, EU GDPR, US BIPA for face/body data). Budget on the interactive-installation ladder: single-booth activation $20K–$40K, custom multi-scene / AI-transformation build $40K–$80K, flagship/multi-booth/persistent $100K+; cloud GPU (~$1/hr, one GPU per two booths) is an operating cost. Web version rides the premium-website ladder instead. When NOT to build (need portrait close-ups, low footfall, no share/hashtag plan, a photo-op would do). Cross-links gaussian-splatting-guide, gaussian-splatting-vs-photogrammetry-nerf-lidar, experience-economy-guide, digital-vs-physical-experience-guide, premium-website-cost-budget-guide. Utsubo differentiator: own fast human-capture splat pipeline + splat renderer mixing captured splats with Three.js objects, relighting, dynamic shadows, physics. For museum/exhibition producers, brand-activation and experiential-marketing leads, event/campaign managers, and IP/entertainment brands. EN + JA native. 7 FAQs.
67. [Interactive Retail Experiences on the Web: 3D Product Discovery That Converts (2026)](https://www.utsubo.com/blog/interactive-retail-web-experience-guide/): Decision-maker guide to browser-based interactive retail — distinct from in-store installations (which it explicitly cedes to retail-interactive-installation-brand-experience-guide). Built to own the ~4,000/mo "interactive retail experience" / "interactive shopping experience" query pool that currently lands on the physical-install article at ~0% CTR, by answering the web intent instead. Opens on why the flat PDP leaves money on the table for considered, visual, or configurable goods: online shoppers can't handle the product, can't picture a variant, and can't answer "will it fit my space / suit me" — the two biggest return drivers. Four formats, each mapped to the shopper friction it removes: interactive 3D product viewer (removes "can't see it properly" — watches, footwear, electronics), configurator (removes "can't picture my version," makes upsells visible, raises AOV — furniture, sneakers, eyewear, made-to-order), AR view-in-room / try-on (removes "wrong for my space/me," the clearest return-rate story; runs in-browser on modern phones with no app install), and shoppable 3D scene (removes "feels generic" — flagship/brand-led, overlaps immersive-storytelling + digital-twin). Format decision table (friction removed × production effort × best-fit product). Honest ROI section: the repeatable win is returns/confidence on fit-dependent AR; conversion lift is real but conditional on removing a genuine friction; "engagement" alone is a trap — trust your own A/B test vs the flat page, not vendor headline stats. Mobile-performance reality (retail traffic is mostly mobile, 3D can't block the buy button, graceful fallback to great photos is the floor). Explicit "when a flat page is the smarter call" (low-consideration commodities, no variants/fit question, can't fund quality assets, low-end devices, doing it to look innovative). Premium-website ladder: one interactive product moment $20K–$50K, integrated across key products $50K–$100K, full shoppable brand world $100K–$200K+, plus $15K–$80K custom-3D adder, per-product 3D asset creation that scales with catalog size, +30–50%/language. Studio questions incl. "will you A/B test it against the flat page and be measured on conversion and returns." Cedes in-store → retail-interactive-installation-brand-experience-guide; cross-links photorealistic-3d-web-product-visualization-guide, digital-twin-brand-showroom-guide, gaussian-splatting-vs-photogrammetry-nerf-lidar (asset capture), website-redesign-roi-measure-justify-investment, built-with-ai-trust-signals-2026, webgl-three-js-site-seo-rankable-guide, premium-website-cost-budget-guide. Utsubo differentiator: fidelity + performance as equal deliverables, own Gaussian-splat renderer mixing splats with built-3D and relighting. For e-commerce/brand/marketing leaders and DTC founders deciding whether to put interactive 3D on product pages. EN + JA native. 8 FAQs.
---
## All Articles (JA / 日本語)

1. [ミュージアム展示の予算計算ガイド](https://www.utsubo.com/ja/blog/interactive-museum-budget-calculator/): ミュージアム向けインタラクティブ展示の予算計算ガイド。6つの入力条件と簡易スコア表で予算レンジを作る方法。
2. [ゲームスタジオ向け没入型Webサイトガイド](https://www.utsubo.com/ja/blog/game-studio-immersive-website-guide/): ゲーム公式サイトを「情報サイト」から「没入型体験」へ。3Dアセット活用、ミニゲーム組み込み、SNSバイラルを狙う制作ガイド。
3. [Three.js 2026年の変化](https://www.utsubo.com/ja/blog/threejs-2026-what-changed/): Three.js 2026年：WebGPUが全ブラウザ対応、バイブコーディング革命、そしてThree.jsがWebサイトを超えてアプリやインスタレーションへ。
4. [没入型ストーリーテリングWebサイトガイド](https://www.utsubo.com/ja/blog/immersive-storytelling-websites-guide/): スクロール駆動アニメーション、3D、インタラクションで訪問者を巻き込む物語型Web体験の設計・予算・制作方法。
4b. [没入型採用サイト｜ブランドを伝えるビジュアル設計とエンジニア採用](https://www.utsubo.com/ja/blog/immersive-recruit-site-employer-branding/): 採用サイトを「情報ページ」から「採用ブランディングの媒体」へ。スクロールストーリー、モーション、3D、ブラウザで遊べる体験（チームをNPCで表現し対話できる、Sougen事例）で文化をビジュアルに伝える。エンジニア採用の観点（媒体自体が信頼の証・優秀なつくり手の自己選別フィルター）、国内だけでなく海外人材プールへの訴求、従来型vs没入型の比較、構成要素、制作期間10〜16週。データ：2026卒大卒求人倍率1.66倍・300人未満8.98倍、就活生SNS利用68.2%、動画でCV最大+86%、Xで500万オーガニックビュー。immersive-storytelling・vectr・best-japanese-studiosへ内部リンク、foreign-talent（ビザ・多言語）とは住み分けつつ相互リンク。FAQ8問。EN+JA。
5. [ホテル向けインタラクティブインスタレーションガイド](https://www.utsubo.com/ja/blog/interactive-installations-for-hotels-guide/): ホテルロビーのインタラクティブ・インスタレーション導入ガイド。設計、24時間稼働、予算、ROI測定、パイロット運用について解説。
6. [観光DXインタラクティブ体験ガイド](https://www.utsubo.com/ja/blog/tourism-dx-interactive-experience-city-promotion-guide/): 観光DXに取り組む自治体・観光DMO向けガイド。インタラクティブ体験とストーリーテリングWebサイトで地域プロモーション。（日本語限定）
7. [小売向けインタラクティブインスタレーションガイド](https://www.utsubo.com/ja/blog/retail-interactive-installation-brand-experience-guide/): 百貨店やファッション・キャラクターショップ向けに、ブランドの世界観を「遊べる体験」に変える方法を解説。
7b. [百貨店の再発明｜インタラクティブ・インスタレーションで勝つ4つの戦略【2026年版】](https://www.utsubo.com/ja/blog/department-stores-interactive-installations-japan-guide/): 伊勢丹新宿4,210億円・阪急うめだ劇場型・GINZA SIXギャラリー・デパ地下・XRオーバーレイ──地方店が閉店する一方で旗艦店が伸びる4つのプレイブックを、円建て予算と社内オーナーシップで解説。
7c. [インスタレーションの収益モデル｜チケット・スポンサー・ライセンス](https://www.utsubo.com/ja/blog/interactive-installation-revenue-models-guide/): インスタレーションをコストセンターから収益源へ変える5つのモデル——チケット（チームラボ420万人）、スポンサー（1,283億ドルの体験型市場、Fortune 1000の74%が予算増）、ライセンス・巡回（チームラボ6ヶ月100万ドル超、Fever約40拠点）、物販・飲食、小売の間接効果。施設タイプ別の最適モデル表、回収試算、FAQ8問。
7d. [プロジェクションマッピングの費用｜機材・設営・予算ガイド（2026年版）](https://www.utsubo.com/ja/blog/projection-mapping-cost-equipment-guide/): すでにプロジェクションマッピングを選んだ方向けの機材・費用の内訳ガイド。イベントで150万〜500万円、常設で400万〜1,500万円以上、継続費用は年30万〜150万円。6項目の構成（プロジェクター35〜50%、メディアサーバー10〜20%、吊り込み5〜15%、コンテンツ15〜40%、人件費15〜25%）、輝度別プロジェクター費用表（3,000〜40,000ルーメン超）、ランプvsレーザー、メディアサーバーの価格帯、2つの予算シナリオ、レンタルvs購入の分岐点（約4〜6回）、FAQ7問。
8. [北斎インタラクティブインスタレーション](https://www.utsubo.com/ja/blog/hokusai-interactive-installation/): 大阪・関西万博2025に出展した北斎《神奈川沖浪裏》モチーフのインタラクティブインスタレーション事例。
8b. [Vectr｜AIスタートアップのブランディングとWebGPUサイト制作事例](https://www.utsubo.com/ja/blog/vectr-ai-startup-branding-case-study/): AI人材スタートアップ Vectr のFWA受賞事例。ブランドシステム（矢印＋スパーク）、トップページを「起動→スクリーニング→選定→マッチング→派遣」のジャーニーラインで構成、OffscreenCanvasでメインスレッド外に描画するThree.js WebGPU 3Dヒーロー（WebGLフォールバック）、Blender→GLB→Draco（データ量80〜95%削減）、Taxi.js遷移、Lenisスクロール、プライバシーファースト。Lighthouse 94/98/100/100。プレミアムなブランディング＋高品質モーションサイトを求めるAIスタートアップ向け。
9. [訪日客向けミュージアムデジタル体験ガイド](https://www.utsubo.com/ja/blog/museum-foreign-visitors-digital-experience-guide/): 訪日外国人に届くミュージアム体験をつくるには？インバウンド向けWebとインタラクティブ展示の要点。（日本語限定）
10. [リアルタイム3Dスタジオ](https://www.utsubo.com/ja/blog/real-time-3d-studios/): リアルタイム3Dクリエイティブスタジオのトップ企業をご紹介。没入型ウェブ体験や物理的インスタレーション。
11. [体験経済ガイド](https://www.utsubo.com/ja/blog/experience-economy-guide/): 体験経済とは何か、人々がモノよりも思い出を選ぶ理由、施設が収益を生み出すインタラクティブな体験の創出方法。
12. [インタラクティブミュージアムインスタレーションガイド](https://www.utsubo.com/ja/blog/interactive-museum-installations-benefits-guide/): 費用20万〜1500万円、期間8〜24週間。来館者滞在時間・学習効果・収益向上の実測データと成功事例。
13. [Top Three.js エージェンシー](https://www.utsubo.com/ja/blog/top-threejs-agencies/): 2025年版のThree.jsエージェンシー10選。強み・適正・価格帯・ブリーフのコツ。
13b. [Three.js制作サイト12選（2026年版）](https://www.utsubo.com/ja/blog/best-threejs-websites-2026/): 2026年の優れたThree.js制作サイト12選。各サイトの注目技術（WebGPU・TSL、GPGPUパーティクル、スクロール連動カメラ）と再利用ポイント。IVRESS（FWA Site of the Month 2026）を含む。
14. [インスタレーション会社の選び方](https://www.utsubo.com/ja/blog/choose-interactive-installation-studio-guide/): インタラクティブ・インスタレーション制作会社の選び方を徹底解説。技術力・クリエイティブ力・プロジェクト管理。
15. [大阪のクリエイティブWebスタジオ](https://www.utsubo.com/ja/blog/creative-web-studios-osaka/): 大阪に拠点を置くクリエイティブ系Webスタジオを厳選。強み・得意領域・運用体制まで。
15b. [東京のクリエイティブWeb制作会社 厳選10社（2026年版）](https://www.utsubo.com/ja/blog/creative-web-studios-tokyo/): 東京の主要10社（SHIFTBRAIN、Garden Eight、Laugh Mind、Rhizomatiks、NAKED、WOW、Dentsu Lab Tokyo、Whatever Co.、1→10、BASSDRUM）。Three.js/WebGPU実績、料金レンジ、英語対応、選び方。
16. [日本のインタラクティブインスタレーションスタジオ](https://www.utsubo.com/ja/blog/interactive-installation-studios-japan/): teamLab、Rhizomatiks、Utsuboなど国内トップスタジオを比較。制作費用の目安、選定基準。
17. [グローバル展開戦略](https://www.utsubo.com/ja/blog/global-expansion-strategies/): 日本発スタートアップが海外展開を成功させるための8つの戦略。（日本語限定）
18. [3Dガウシアンスプラッティング完全ガイド](https://www.utsubo.com/ja/blog/gaussian-splatting-guide/): 3DGSのサービス比較・活用事例・Webビューワー。コスト目安も解説。
18b. [インタラクティブ点群：ライブインスタレーションのリアルタイム・ガウシアンスプラッティング（2026）](https://www.utsubo.com/ja/blog/interactive-point-cloud-installations-guide/): 点群・ガウシアンスプラットを物理空間でライブかつインタラクティブに使うガイド。静的な3DGSガイドが扱わないライブ／インタラクティブの角度を担当：リアルタイムvsベイクのトレードオフ、デプスカメラ（Orbbec/RealSense/Kinect）・LiDAR・モーション・音声による駆動、プロジェクションマッピング／LED出力、ツール（TouchDesigner、Notch、Unreal/Unity、WebGPUリアルタイムスプラッティング）、現場のフレーム予算（60FPSで16.6ms、規模別100万〜800万点、毎フレーム深度ソート、LOD/カリング）、ライブ撮影vs事前撮影、費用$25K〜$250K+（ハード・会場費別）、事例（池田亮司ほか）、よくある失敗、FAQ8問。
18c. [ガウシアンスプラッティング×LP：スクロール演出の3Dストーリーテリング（2026）](https://www.utsubo.com/ja/blog/gaussian-splatting-landing-page/): ガウシアンスプラットをWebランディングページの物語表現として使うガイド。スクロールがフォトリアルなキャプチャシーン内のシネマティックなカメラを駆動し、リアルタイムのthree.js 3Dオブジェクト・物理・ライティングと一つのシーンで融合。静的スプラットビューワー（gaussian-splatting-guide）やジェネラティブ3Dスクロールテリング（immersive-storytelling-websites-guide）とは別物で、差別化はフォトリアルなキャプチャ＋物語的カメラ。UtsuboのR&D：three.js WebGPUレンダラー上の独自スプラットプレイヤー、自社物理エンジン、スプラットとCGオブジェクトを正しい前後関係で同時に照らす自社ライティングシステム。ファイル容量が成否を分ける核心：生で20〜200MB、圧縮（SPZ/KSPLAT/SOGで5〜10分の1）、LOD、プログレッシブ／遅延読み込みでLCP維持、モバイル容量（20万〜50万 vs デスクトップ100万〜200万）、モバイル30〜45FPS／デスクトップ60FPS、静的ビューワー／ジェネラティブ3D／動画との比較表、費用キャプチャ7万〜70万円＋カスタムLP200万〜800万円以上・4〜10週間、FAQ6問。EN+JA。
18d. [3Dキャプチャ手法の選び方：ガウシアンスプラッティング・フォトグラメトリ・NeRF・LiDARの発注判断マトリクス（2026）](https://www.utsubo.com/ja/blog/gaussian-splatting-vs-photogrammetry-nerf-lidar/): スプラット関連記事の上流にあたる「どう撮るか」のハブ。実物を3Dデータ化する4手法の発注判断マトリクスを、発注者目線で提示。選択軸を「最良の技術」から「成果物に最適な手法」へ転換。4手法を一行で：フォトグラメトリ（編集可能メッシュ、DCC/CADパイプライン、ガラス・クロムに弱い）、ガウシアンスプラッティング（キャプチャされた光、反射含めフォトリアル、リアルタイム/Web対応、編集不可）、NeRF（研究グレード、2026年の商用用途ではスプラットにほぼ置換、成果物として名指しされにくい）、LiDAR（測量精度の形状・スケール、色は別手法で補う）。判断マトリクスは6観点（フォトリアルさ、再ライティング・形状精度、容量/Web配信性、費用・納期、編集性、反射・透明面）で採点。成果物別の対応：Web/製品ページ→スプラット（→gaussian-splatting-landing-page）、不動産→スプラット（→gaussian-splatting-commercial-real-estate）、ライブインスタレーション→点群/リアルタイム（→interactive-point-cloud-installations-guide）、編集可能なゲーム・映像アセット→フォトグラメトリ、測量・as-built→LiDAR、文化財→LiDAR＋フォトグラメトリ。キャプチャ手法としてのLiDARとライブセンサーとしてのLiDARを明確に区別。手法別の実務、費用帯（フォトグラメトリ/スプラット7万〜70万円、LiDAR30万〜200万円超、キャプチャは制作と別予算）、LiDAR＋フォトグラメトリのハイブリッド、発注時の落とし穴、FAQ8問。フォーマット/圧縮/LODはgaussian-splatting-guideに委譲。EN+JA。
19. [ポップアップ・イベント向けインスタレーションガイド](https://www.utsubo.com/ja/blog/popup-event-interactive-installation-guide/): 期間限定ブランド体験を最大化する設計・予算・運用のポイント。
20. [商業不動産向けGaussian Splatting](https://www.utsubo.com/ja/blog/gaussian-splatting-commercial-real-estate/): プレリース、投資家向けツアー、開発マーケティングでの3DGS活用法。
21. [インスタレーション vs プロジェクションマッピング](https://www.utsubo.com/ja/blog/installation-vs-projection-mapping-guide/): 没入型体験の選択肢を比較。費用・期間・最適なシナリオを解説。
22. [インタラクティブアートとは？](https://www.utsubo.com/ja/blog/interactive-art-guide/): 定義・歴史・代表作品・作り方まで徹底解説。
23. [WebGPU + Three.js 移行ガイド](https://www.utsubo.com/ja/blog/webgpu-threejs-migration-guide/): WebGLからWebGPUへの移行手順とReact Three Fiber対応。
24. [Three.jsベストプラクティス100選](https://www.utsubo.com/ja/blog/threejs-best-practices-100-tips/): パフォーマンス、WebGPU、インスタンシング、最適化のTips集。
25. [3D eラーニングゲーム開発ガイド](https://www.utsubo.com/ja/blog/3d-elearning-game-development-guide/): 完了率を25%から80%以上に向上させるブラウザベース3D研修。
26. [日本のWebデザインスタジオ14選](https://www.utsubo.com/ja/blog/best-japanese-web-design-studios-2026/): mount inc.・tha・baqemono・Utsuboなど国内スタジオ14社を厳選。各社の代表作と受賞歴（Awwwards/FWA/CSS Design Awards）、一覧比較表、予算帯を掲載。
26b. [日本のWebデザイン：余白・情報密度・和文タイポグラフィの実例](https://www.utsubo.com/ja/blog/japanese-web-design-style-guide/): スタジオ一覧ではなく、デザイン言語そのものを解説。「日本＝ミニマル」神話と情報密度のパラドックス（楽天・Yahoo! JAPAN・価格.com）、工芸・高級サイトの「間」、縦書きと漢字・かな・欧文の混植、和文Webフォントの歴史（7,000〜10,000字超）とNoto／サブセット化、明朝vsゴシック、伝統色と季節感、本物vs記号的な「日本らしさ」、発注の実務。実サイトのスクリーンショット7点、AIプロンプト、FAQ7問。
27. [インスタレーション制作依頼の書き方](https://www.utsubo.com/ja/blog/brief-interactive-installation-studio-guide/): 正確な見積もりを得るためのブリーフ作成フレームワーク。
28. [企業オフィス・ロビーのインスタレーション](https://www.utsubo.com/ja/blog/corporate-office-lobby-interactive-installation-guide/): 採用ブランディング・来客対応・ワークプレイス体験向上のための導入ガイド。
29. [インスタレーション費用ガイド](https://www.utsubo.com/ja/blog/interactive-installation-cost-budget-guide/): 予算帯別（150万〜2000万円以上）のコスト要因と見落としがちな費用。
30. [日本市場向けポップアップ設計ガイド](https://www.utsubo.com/ja/blog/interactive-popup-design-japanese-consumers-guide/): LINE共有、季節マーケティング、カワイイ美学、会場タイプの設計原則。
31. [Three.js vs Babylon.js vs PlayCanvas](https://www.utsubo.com/ja/blog/threejs-vs-babylonjs-vs-playcanvas-comparison/): エコシステム比較、WebGPU対応、3Dライブラリ選定ガイド。
32. [アクセシブルなインタラクティブ展示ガイド](https://www.utsubo.com/ja/blog/accessible-museum-interactive-installations/): ミュージアム向けアクセシブル展示の設計ガイド。JIS X 8341-3準拠、ユニバーサルデザイン、障害者差別解消法対応。
33. [サウンドデザイン導入者向けガイド](https://www.utsubo.com/ja/blog/sound-design-interactive-installations-guide/): 70万〜750万円以上の音響予算、3つの技術ティア、ベンダーチェックリスト。ミュージアム・ホテル・リテールのサウンドデザインが体験をどう変えるか。
34. [こどもミュージアム向けインタラクティブ展示ガイド](https://www.utsubo.com/ja/blog/childrens-museum-interactive-installation-guide/): こどもミュージアム・プレイスペース向け展示の安全基準、プライバシー、3年齢帯設計、耐久性、感覚配慮を網羅。0〜12歳対応。
35. [プレミアムWebサイト費用ガイド](https://www.utsubo.com/ja/blog/premium-website-cost-budget-guide/): カスタムWebサイト制作費75万〜7,500万円超：4つの予算帯、隠れたコスト、正確な見積もりの取り方。CMO・創業者・ブランドマネージャー向け。
36. [Webデザイントレンド2026：意思決定者が知るべきこと](https://www.utsubo.com/ja/blog/web-design-trends-2026-decision-makers-guide/): AIがWebトラフィックの40%を奪取。500万バイラル閲覧が証明：Webサイトは体験になるべき。予算帯、ROI、CMO向け戦略ガイド。
37. [Web制作会社の選び方：2026年版選定基準ガイド](https://www.utsubo.com/ja/blog/choose-web-design-agency-guide/): ブティック vs フルサービス、ポートフォリオの見極め方、スコアリング評価表。CMO・マーケ責任者向けのWeb制作パートナー選定チェックリスト。
38. [WebサイトリニューアルROI：測定と投資対効果の証明](https://www.utsubo.com/ja/blog/website-redesign-roi-measure-justify-investment/): ROI算出フレームワーク、業種別コンバージョン改善率20〜50%、投資回収期間の計算方法。経営層を動かす稟議資料の作り方。
39. [AI生成サイト vs カスタムデザイン：データで見る判断基準](https://www.utsubo.com/ja/blog/ai-website-vs-custom-design/): 75%がデザインで信頼性を判断。AIビルダー月額0〜5,000円 vs カスタム制作のコンバージョン2〜3倍。3年間TCO比較と判断フレームワーク。
40. [Three.js vs Unity WebGL徹底比較](https://www.utsubo.com/ja/blog/threejs-vs-unity-web-comparison/): 168 kB vs 30 MB超のバンドル、無料 vs 年間34万円/席。コスト、SEO、モバイル性能を比較し、CTO向け選定フレームワークを解説。
41. [デジタル畏怖の心理学：没入型3Dが「別物」に感じる神経科学的理由](https://www.utsubo.com/ja/blog/psychology-digital-awe-immersive-3d-guide/): ミラーニューロン、空間的プレゼンス、ドーパミンループ — 没入型3Dがフラットスクリーンを凌駕する7つの神経科学メカニズム。データと設計原則。
42. [動物園・水族館のインタラクティブ展示｜導入ガイド2026](https://www.utsubo.com/ja/blog/zoo-aquarium-interactive-installation-guide/): 1,500万〜130億円超の展示予算、12〜24ヶ月のタイムライン、滞在時間2〜6倍。保全ストーリーテリングと動物福祉基準に基づく導入事例。
43. [図書館のインタラクティブ・インスタレーション｜導入ガイド2026](https://www.utsubo.com/ja/blog/library-interactive-installation-guide/): 750万〜7.5億円超の予算、助成金活用戦略、実証済み事例。デジタルストーリーテリングルーム、インタラクティブアーカイブ、コミュニティ・インスタレーション。
44. [病院のインタラクティブ・インスタレーション｜導入ガイド2026](https://www.utsubo.com/ja/blog/hospital-interactive-installation-guide/): 750万〜3億円超の予算、12〜18ヶ月のタイムライン、臨床アウトカムデータ。小児ディストラクション、院内案内、待合室の不安軽減——実際の病院事例とROI。
45. [プライベートコレクションのためのインタラクティブアート｜購入ガイド2026](https://www.utsubo.com/ja/blog/collecting-interactive-art-private-guide/): 35万〜7,500万円+の価格帯、5つの取得モデル、維持費の実態。個人コレクターが知るべきインタラクティブ・インスタレーションの全貌。
46. [社内開発・制作会社・フリーランス：Web制作の最適な体制とは？](https://www.utsubo.com/ja/blog/in-house-vs-agency-vs-freelance-web/): 3つの体制モデルを比較——社内エンジニアの実質コスト年800万〜1,500万円 vs 制作会社8〜16週間納品。マネジメント工数、リスク比較、ハイブリッド体制、5つの質問による意思決定フレームワーク。
47. [受賞するWebデザインとは？審査員が本当に見ている10の基準](https://www.utsubo.com/ja/blog/award-winning-website-design-guide/): 4大アワードの審査基準を比較。Awwwards、FWA、Webby、CSSDAのスコアリング解説、制作期間8〜24週間、予算450万〜3,000万円以上の受賞戦略。
48. [デジタルサイネージ vs インタラクティブ・インスタレーション](https://www.utsubo.com/ja/blog/digital-signage-vs-interactive-installations/): 75万〜3,000万円以上の予算帯、5年間TCO比較、ROIベンチマーク。施設タイプ別の導入判断フレームワーク。
49. [外国人に届かない日本企業のデジタルコミュニケーション](https://www.utsubo.com/ja/blog/foreign-digital-communication-mistakes-japan/): 外国人顧客・観光客に届かない日本企業のWeb・SNS・コピーの共通ミス7つ。翻訳・UX・SEOの改善チェックリスト付き。（日本語限定）
50. [外国人に選ばれるWebサイトの作り方](https://www.utsubo.com/ja/blog/foreign-facing-website-guide-japan/): 300万〜1,500万円超の予算帯別に解説。IA設計、hreflang、多言語UX、アクセス解析まで。翻訳だけでは届かない理由と具体的な改善手順。（日本語限定）
51. [海外展開デジタル成熟度チェックリスト](https://www.utsubo.com/ja/blog/global-digital-readiness-checklist-japan/): 6カテゴリ・30項目で自社の海外デジタル対応力を0〜90点で診断。投資目安50万〜1,500万円+、成熟度別アクションプラン付き。（日本語限定）
52. [ホテル・旅館・飲食店のための「外国人に選ばれる」Webサイト完全ガイド](https://www.utsubo.com/ja/blog/hospitality-foreign-facing-website-guide-japan/): 予算300万〜1,500万円超、UX設計・AI活用・口コミ返信まで。ホスピタリティ業界が外国人に選ばれるWebサイトの設計・技術・運用を実務視点で解説。（日本語限定）
53. [外国人バイヤーを動かすBtoB企業サイト戦略](https://www.utsubo.com/ja/blog/b2b-overseas-client-website-strategy-japan/): 海外バイヤーが「発注を決める」ときに見ているもの。信頼構築の設計原則、予算500万〜2,000万円+の段階別スコープ、製造業・専門サービス業向けチェックリスト付き。（日本語限定）
54. [カジノ・エンターテインメント施設のインタラクティブ導入ガイド](https://www.utsubo.com/ja/blog/interactive-installations-casinos-entertainment-venues-guide/): 大阪IR（1.5兆円投資・2030年開業）を見据えた導入ガイド。750万〜3億円超の予算帯、LEDウォール、没入型体験、ROI測定を解説。
55. [スポーツスタジアムのインタラクティブ・インスタレーション｜ファン体験ガイド](https://www.utsubo.com/ja/blog/sports-stadium-interactive-installation-fan-experience-guide/): 1,500万〜1.5億円+の予算帯、ARファンゾーン、LEDコンコース、スポンサー体験。世界の事例とROIデータ。
56. [没入型ダイニング｜レストランのインタラクティブ・インスタレーション導入ガイド](https://www.utsubo.com/ja/blog/immersive-dining-interactive-restaurant-installations-guide/): 200万〜7,500万円以上の予算帯、20以上の世界事例、テクノロジー選定マトリクス。飲食店向けプロジェクションマッピング・LED・センサー導入の実践ガイド。
57. [礼拝空間のインタラクティブ・インスタレーション導入ガイド](https://www.utsubo.com/ja/blog/worship-space-interactive-installation-guide/): 75万〜1.5億円+の予算帯、信仰別配慮フレームワーク。教会・寺院・モスクのプロジェクションマッピング、LED、祈りのステーション、没入型サウンドの導入ガイド。
58. [大学・キャンパスのインタラクティブ・インスタレーション導入ガイド](https://www.utsubo.com/ja/blog/university-campus-interactive-installation-guide/): 450万〜4,500万円+の予算帯、科研費・私学補助金の活用法、オープンキャンパス演出事例13件（筑波大/落合陽一、京大/Rhizomatiks、慶應SFC、東京藝大、IAMAS等）。少子化時代の大学ブランディング実践ガイド。
59. [結婚式のテクノロジー演出完全ガイド](https://www.utsubo.com/ja/blog/wedding-interactive-experience-technology-guide/): 50万〜1,500万円+の予算帯別に解説。プロジェクションマッピング・LED・AR・インタラクティブ演出の費用、式形式別の相性マトリクス、従来演出との置き換えコスト比較、6ヶ月準備スケジュール。プランナー・新郎新婦向け。
60. [テーマパークのインタラクティブ・インスタレーション導入ガイド](https://www.utsubo.com/ja/blog/theme-park-interactive-installation-guide/): 3,000万〜7.5億円+の予算帯、USJ・TDR・万博の最新事例。待ち時間体験・ダークライド・ファンゾーンの導入実践ガイド。
61. [酒蔵インバウンド×Web＆インスタレーション実践ガイド](https://www.utsubo.com/ja/blog/sake-brewery-web-interactive-experience-inbound-guide/): 日本酒輸出額475億円超・酒蔵ツーリズム急成長。蔵元向けに、外国人に選ばれるWebサイトとビジター施設のインタラクティブ体験を予算帯別に解説。（日本語限定）
62. [スキーリゾートのインバウンドDX｜Web＆インスタレーション実践ガイド](https://www.utsubo.com/ja/blog/ski-resort-web-interactive-experience-inbound-guide/): 外国人スキーヤーが来場者の80%・消費額の90%を占める時代。ニセコ220万人・白馬72.7万人・妙高2000億円開発の具体データとともに、多言語Web、リアルタイム積雪情報、ベースロッジのインタラクティブ体験を予算帯別に解説。（日本語限定）
63. [カスタムWebアプリ開発費用ガイド2026](https://www.utsubo.com/ja/blog/custom-web-app-cost-budget-guide/): Webアプリ開発225万〜4,500万円超：4つの予算帯、AI時代に発見フェーズが重要な理由、隠れたコスト。CTO・創業者向け。
64. [インタラクティブ・インスタレーション vs 恒久アート委嘱：画家がスタジオに勝つとき](https://www.utsubo.com/ja/blog/interactive-installation-vs-permanent-art-commission/): 文化施設向けの逆説的比較。30年TCO計算（1,500万円の絵画約1,915万円 vs インタラクティブ約6,100万〜1.18億円）、寿命の非対称性（50〜300年 vs 5〜10年）、画家が勝つ7つのブリーフ（記念碑、寄贈者銘板、ブルーチップロビー、文化財、ラグジュアリースイート、収蔵品、屋外モニュメント）、スタジオが勝つ6つのブリーフ、ハイブリッド予算配分、意思決定マトリクス。
65. [アジアのクリエイティブエージェンシー30選（2026年版）](https://www.utsubo.com/ja/blog/top-creative-agencies-asia-2026/): アジアのアワード受賞クリエイティブエージェンシー30選。日本、韓国、中国、台湾、香港、シンガポールの実力派Webスタジオを地域別に紹介。Awwwards・Webby・FWA・CSS Design Awards受賞歴、強み、最適な用途、選定基準を解説。
66. [フロンティアWeb API 2026｜WebGPU・WebTransportは本番投入できるか](https://www.utsubo.com/ja/blog/frontier-web-apis-2026-production-ready/): CTO・VPエンジニアリング向け2026年Webプラットフォーム実用ガイド。WebGPUとWebTransportは2026年Baseline化、WebCodecsはほぼBaseline、WebNNはOrigin Trial継続、Vision Pro WebXRはVR専用、Speculation Rules・Document PiPはChromium専用ながら高ROI。Figma・Loom・Zoom Web・Cloudflare・Astro・Ray-Banの本番事例と、どのフロンティアAPIに賭けるかの5問フレーム。
67. [フィンテックWebサイトの信頼設計｜慎重なユーザーをコンバートする12のパターン](https://www.utsubo.com/ja/blog/fintech-website-trust-design-patterns/): フィンテックホームページの信頼を構成する12の検証済みライブ事例パターン——人物を据えたヒーロー、ファーストビューの具体金額表記、ライブ手数料・比較ウィジェット、商品コピーに置く規制当局＋預金保護の文言、数字付き実名顧客ロゴ、サポート体制の明示、名前のついた補償ブロック、モーションの抑制、ニュートラルなグロテスクのタイポグラフィ、信頼コンテンツの専用ページ。Wise・Monzo・Stripe・N26・Mercury・Brex・Ramp・Robinhood・Plaid・Chime・PayPay・Money Forwardの実装事例。マーケ責任者・グロース責任者・プロダクトデザイナー向け、12項目セルフ監査チェックリストと300万〜1,200万円のレトロフィットロードマップ付き。
68. [Web制作会社の選び方｜創業者向け30項目チェックリスト＋RFPテンプレート【2026年版】](https://www.utsubo.com/ja/blog/evaluate-web-agency-checklist-startups/): 予算200万〜1,500万円、納期8〜24週間のWeb案件を発注するスタートアップ創業者・CMO向けの評価ガイド。8軸（ポートフォリオ実情、Webflow / フルスクラッチ / ヘッドレスの技術選定、チーム構成、進行プロセス、固定見積 / T&M / リテーナーの料金体系、契約レッドフラグ、IP・ソースコード所有権、リファレンス、ローンチ後SLA）30項目チェックリスト。コピペ可のRFPテンプレートを内包し、リファレンス先に聞く5つの質問（営業と実働の同一性、ローンチ90日後の対応速度等）も収録。プレシード〜シリーズA、初めてRFPを送る発注者向け。
69. [シリーズAサイトリニューアルのNPVフレームワーク｜取締役会向け稟議の作り方【2026年版】](https://www.utsubo.com/ja/blog/series-a-website-refresh-npv-framework/): シリーズAのマーケティング／グロース責任者向け、取締役会で通る財務フレーム。単純ROIがCFOの目線で崩れる理由、シリーズAでの割引率の置き方（25〜40%、デフォルト30%）、NPV計算の組み立て、1,500万円リフレッシュの試算（NPV +1.02億円、IRR 290%、回収7ヶ月）、リフレッシュ vs フルリビルドの判断ツリー（500万〜1,200万円 vs 1,500万〜3,500万円）、2026年の予算内訳、コンバージョン改善幅×割引率のセンシティビティ表、1ページ稟議書テンプレート、AIプロンプト、稟議前13項目チェックリスト。ウェブサイトリニューアルROIガイドの財務面の補完記事。
70. [Forward Deployed Engineerスタジオ｜伴走型エンジニアリングの空白【2026年版】](https://www.utsubo.com/ja/blog/forward-deployed-engineer-studio/): Palantir発祥でOpenAI（3大陸8都市10名超）、Anthropic（Applied AI Engineer名義）、Rampが運用するForward Deployed Engineer（FDE）職種の実体と、構造的なSMB空白を解説。求人前年同期比+1,165%（Bloomberry）、研究所派遣FDEの76%が規制業種大企業（金融・政府・医療・保険）集中、年収2,500万〜8,000万円帯でSMBが採用できない構造。「伴走型スタジオ（Forward Deployed Studio）」——ベンダー中立な2〜4名ポッド（埋め込みエンジニア＋デザイナー＋PM／戦略＋オプションでコミュニケーション）を3〜6ヶ月——をSMB等価モデルとして提示。AI研究所FDEが構造的に絶対やらないこと（プロダクトネーミング、空状態、マイクロコピー、ローンチシーケンス、ビジュアル・アイデンティティ）、ベンダー中立が構造特性である理由、業務委託CTO／業界特化制作会社／正社員採用との比較表、価格アンカー（全エンゲージメント＝FDE1名年俸相当）、6ステップ・キックオフ、8項目適合チェックリスト、7問FAQ。従業員11〜500名の中堅企業創業者向け。
71. [Forward Deployed Designer｜AIスタートアップ向け伴走型ブランドパートナー【2026年版】](https://www.utsubo.com/ja/blog/forward-deployed-designer-ai-startups/): Forward Deployed Engineer（FDE）のブランド側カウンターパートとなる「Forward Deployed Designer（FDD／伴走型デザイナー）」カテゴリーを命名・定義。AnthropicのApplied AI Engineer求人票を引用し、AI研究所FDEが絶対に出荷しない4カテゴリー（プロダクトネーミング、ビジュアル・アイデンティティ、初回体験UX／空状態、ローンチシーケンス）を明示。FDDは2〜4名ポッド（ブランドデザイナー＋プロダクトデザイナー＋戦略＋オプションでコピーライター）が4〜12週間、クライアントのリポジトリとFigmaファイル内で作業する埋め込み型モデル。価格帯：4週間キックオフ約600万〜900万円、8週間中規模約900万〜1,400万円、12週間フル約1,400万〜1,800万円。シニア・ブランドデザイナー1名（ベース$180Kフルロード）約3〜4ヶ月分相当。5つの診断シグナル（デモコールで「他のSaaSと見分けがつかない」、直帰率70%超＋スクロール深度25%未満、トライアル→有料2%未満、第2週リテンションほぼゼロ、ローンチが沈黙）、比較表（FDD vs ブランドエージェンシー vs 正社員 vs Lovableデフォルト）、8項目適合チェックリスト、エンゲージメント・ブリーフ生成用AIプロンプト、7問FAQを収録。Claude／Cursor／Lovable／Bolt／v0で開発、ローンチ後0〜18ヶ月の非技術系・技術系ファウンダー、エンジニアはいるがブランドオーナーがいないAI隣接11〜500名スタートアップ向け。
72. [海外向けサイト制作の完全ガイド｜費用・多言語設計・制作会社の選び方](https://www.utsubo.com/ja/blog/overseas-facing-website-development-guide-japan/): 海外向けサイト制作を発注する側（発注者）の実務ガイド。費用は国内サイトの1.5〜3倍・最低200万円〜フルスコープ500万〜2,000万円。費用の内訳（トランスクリエーション・ネイティブ検証・多言語CMS・海外CDN・hreflang設計）、発注先タイプ比較（国内制作会社／フリーランス／海外エージェンシー／インハウス）、費用帯×スコープ早見表（200万／600万／1,200万／2,000万円+）、海外向けRFPの受け入れ基準、相見積もりの正規化と隠れコスト、契約・支払い・知的財産（著作権帰属・資産所有権・検収条件）、制作会社の見極め（英語検証力）、発注〜公開タイムライン（着手前4〜8週）、発注チェックリスト、FAQ8問。inbound記事「外国人に選ばれるWebサイトの作り方」の制作-発注ペア。（日本語限定）
73. [アジアのブランディング・デザイン会社の選び方（2026年版）](https://www.utsubo.com/ja/blog/branding-design-agency-asia-guide/): アジア拠点のスタジオにブランド・Web制作を発注する側の実務ガイド。ランキング（誰が良いか）に対する「どう発注するか」を担い、現状リスト記事に0% CTRで着地している「アジア ブランディング 会社」「アジア デザイン会社」の発注・ブリーフ意図を取りに行く。冒頭で混同されがちな3種別を分離：ブランディング／ブランド戦略会社（ポジショニング・ネーミング・メッセージ・ブランド体系）、デザイン会社（視覚アイデンティティ・デザインシステム・UI）、クリエイティブ／デジタルスタジオ（構築物そのもの）——各成果物・契約形態・選ぶ場面を表で対応づけ。費用はプレミアムWebサイトのラダー（スターター75万〜225万円、スタンダード300万〜750万円、プレミアム750万〜1,500万円、フラッグシップ1,500万〜3,000万円超、$1=150円）、カスタム下限300万〜450万円、多言語+30〜50%／言語、保守は制作費の年15〜20%または月7.5万〜75万円、戦略は別明細。ブリーフ（事業目的・成果物の明確化・意思決定者・ブランド素材・スケジュール・予算レンジ）と回答の危険信号、越境ならではの選定基準（営業ではなく実リードの言語対応力、ライブレビューのタイムゾーン重なり、著作権・ソースファイル・フォントの所有を契約に明記）。地域別の一行指針（日本／韓国／中国／シンガポール・香港／台湾）、よくある落とし穴、6ステップ手順、発注チェックリスト、FAQ7問。アジアのエージェンシー一覧（絞り込み）、choose-web-design-agency-guide・evaluate-web-agency-checklist-startups（RFP）、premium-website-cost-budget-guide、best-japanese-web-design-studios-2026に内部リンク。EN+JA。
74. [AI製サイトの見分け方：信頼を落とす12の兆候（2026）](https://www.utsubo.com/ja/blog/built-with-ai-trust-signals-2026/): デフォルトのAI出力（Lovable／Bolt／v0／Framer AI／汎用LLM）として読まれ、ブランド信頼を蝕む12の視覚・文章・コードの「兆候」を名指しするトップオブファネルの診断リスト記事。冒頭で50ミリ秒の第一印象研究（Lindgaardら）——見た目が信頼性の主要因で、ハロー効果がその瞬間の評価を価格や実力の判断に持ち越す——を提示。兆候は4グループ：ビジュアルのデフォルト（青→紫の indigo-500 グラデ、Inter単体、中央寄せヒーロー＋汎用見出し、均一な3カード＋同一余白、目的のないモーション）、AI画像（プラスチックなイラスト、本物の証拠の不在）、文章（em-dashの密度＋「変化の激しい現代において」的書き出し、バズワード、ぼかし＋絵文字箇条書き）、コード／SEO（定型メタ＋汎用alt、欠陥の多いテンプレコード）。高くつく兆候は醜さではなく没個性であり、修正の多くは作り直しではなく意図的な判断（色・書体・コピー・実画像）だと論じ、プレミアムWebサイトのラダー（75万〜3,000万円超）を参照。12項目セルフ監査チェックリスト、FAQ8問。ai-website-vs-custom-design（判断フレーム）、build-saas-with-ai-founder-kickoff-guide、branding-design-agency-asia-guideに内部リンク。AIビルダーで出している、または制作会社の納品物を評価する経営者・マーケター向け。EN+JA。
75. [バーチャルショールーム／ブランド向けデジタルツイン制作ガイド（2026年版）](https://www.utsubo.com/ja/blog/digital-twin-brand-showroom-guide/): 体験型デジタルツイン——商品・店舗・工場・ブランド世界をブラウザで自由に探索できるリアルタイム3D再現——の発注ガイド。冒頭で「デジタルツイン」の3つの意味を整理：運用・IoT型（産業ソフト、対象外）、静的360°バーチャルツアー（固定視点のスライドショー）、そして本ガイドが扱う体験型（内部を自由に動け、インタラクション・光・ストーリーを伴う）。投資を正当化する5ユースケース：バーチャル旗艦店・ショールーム、主力商品のストーリーテリング、工場・アトリエ・ヘリテージツアー、大型／高額・希少な商品（車両・機械）、継続的なブランド世界。制作は撮影（実空間・実物はガウシアンスプラッティング、編集可能ならフォトグラメトリ→メッシュ、設計先行／未存在は3D制作——多くはハイブリッド）と配信（Three.js/WebGPU＋WebGLフォールバック、OffscreenCanvasでメインスレッド外、Draco/GLBで80〜95%削減、段階的ストリーミング——Vectr実証のパイプライン）に分かれる。性能・モバイルの現実（本物のモバイル予算、Core Web Vitalsへの影響）を強調。費用はカスタムWebの予算帯：単一商品ツイン300万〜750万円、ショールーム750万〜1,500万円、旗艦級ブランド世界1,500万円超、リアルタイム3D加算225万〜1,200万円、追加言語+30〜50%、保守は年15〜20%（$1=150円）。「作らない方がいい」判断も明記（コンフィギュレーター／数枚のレンダリング／360ツアーで足りる、流入計画がない、ブランド水準が要求しない）。商業不動産・リーシングはgaussian-splatting-commercial-real-estate、撮影手法の比較はgaussian-splatting-vs-photogrammetry-nerf-lidar、フォーマット・ビューワーはgaussian-splatting-guide、CWVの詳細はwebgl-three-js-site-seo-rankable-guideに委譲。vectr-ai-startup-branding-case-study、digital-vs-physical-experience-guide、experience-economy-guide、premium-website-cost-budget-guideに内部リンク。バーチャルショールームを検討するブランド・小売体験／企画担当向け。EN+JA。FAQ7問。
76. [Web向けフォトリアル3D：レンダリング品質のプロダクトビジュアライゼーション（2026年版）](https://www.utsubo.com/ja/blog/photorealistic-3d-web-product-visualization-guide/): レンダリング品質のプロダクト3D（時計・アパレル・スニーカー・ボトル・デバイス）をWebで実現するための意思決定者向けガイド。前提を捉え直す：Webの3Dの多くが「モデルに見える」のは安っぽいからではなく、スマホで60fps（約16ミリ秒のフレーム予算）を保つためリアルタイム3Dが意図的に簡略化されているから。3Dらしさは妥当なトレードオフで、問題になるのは商品自体がブランドで、その光・素材・動きがプレミアムに見える必要があるときだけ。フィルム級の忠実度（グローバルイルミネーション、正確な反射、パストレーシング、物理演算）は中位モバイルでライブにシミュレートするには高価すぎるため、この分野はそれなしで近づける戦略の集合になる。4ルート：リアルタイムPBR（Three.js/WebGPU、完全インタラクティブ、端末で上限）、プリレンダー／プリベイク連番（共同主役——フィルム品質の出力を事前にレンダリングし、スクロール・カメラ・状態接続とリアルタイムのアクセント合成でインタラクティブに感じさせる。ヒーローでバイトあたり画質が最高）、ベイクライティングのハイブリッド（高価なライティングを一度ベイクし安価に描画、ベイクした照明には静的）、ガウシアンスプラッティング（フォトリアル撮影）。発注者向け用語集（PBR、HDRI/ライティング、GI/反射、ポスト）。ルート選択表（インタラクティブ性×画質上限×読み込み/モバイル×費用×向く商品）、商品別マッピング（時計→プリレンダーのヒーロー、アパレル→リアルタイムPBR構成、スニーカー→ハイブリッド、ボトル→屈折のためプリレンダー、デバイス→リアルタイム＋ベイク）、性能・モバイルの現実、失敗、発注時の質問。Utsuboの差別化：自社のガウシアンスプラットレンダラー（ランタイム性能を高め、Three.jsの3Dオブジェクトとスプラットを1シーンで混在、スプラットをリライティングしてアートディレクション）。Three.jsを最も成熟・端末検証されたリアルタイム基盤と位置づけ。プレミアムWeb予算帯：3D演出1点300万〜750万円、統合型750万〜1,500万円、フル1,500万円超、カスタム3D加算225万〜1,200万円、追加言語+30〜50%、保守年15〜20%。用途・ショールームはdigital-twin-brand-showroom-guide、撮影手法の選択はgaussian-splatting-vs-photogrammetry-nerf-lidar、スクロールスプラットヒーローはgaussian-splatting-landing-page、フォーマット・ビューワーはgaussian-splatting-guide、開発・CWVはwebgl-three-js-site-seo-rankable-guideに委譲。vectr-ai-startup-branding-case-study、premium-website-cost-budget-guideに内部リンク。商品を3Dで本当にプレミアムに見せたいサイトを発注するブランド・マーケティング・プロダクト責任者向け。EN+JA。FAQ8問。
77. [来場者を1分以内で3D化する「パーソナルアバター」インスタレーション（2026年版）](https://www.utsubo.com/ja/blog/personalized-avatar-installations-guide/): カメラで来場者本人を撮影し、ガウシアンスプラッティングでフォトリアルな3Dモデルを「瞬時」と感じる速さで生成するインスタレーションの、ユースケース起点の発注ガイド。価値の捉え方は成果起点——「ガウシアンアバターをリグする」ではなく「来場者がシェアされるコンテンツになる」。実測の速度（RunPod RTX 5090クラスのクラウドGPU）：正面写真から約22秒、正面＋背面で約37秒、ローカルのリグ約4秒で、撮影→3D→リグの一連が1分以内。処理能力：アニメーション再生も含め1ブース1時間60人未満、GPU1台で2ブース並列（一方が再生中に他方が生成）で実効約2倍。シェアされる6つのシーン：スケール比較（クジラ・恐竜の隣に立つ——博物館・科学館）、ありえない配置（屋上・宇宙に自分を置く）、集合的ジェネラティブアート（全来場者を無限の時計・成長する群衆に取り込む、文字パーティクル演出）、記念の3Dお持ち帰り（AR・プリント）、IP挿入（AIがキャラの衣装に変換しキャストと並ぶ／モンスターと戦うアニメ——マンガ・アニメ・ゲーム・映画のアクティベーション、IPライセンス必須）、テーマ別AI変換（サイバーパンク・歴史・ファンタジー・季節）。ROIはコンテンツのループ：スキャン1件がシェア1件＝来場者が生むオーガニックリーチ。2026年の正直な限界：全身・シーンスケールには十分だが、顔のクローズアップにはまだ非対応——ライブの行列で回すため品質より速度を優先、品質上限は急速に向上。プライバシー：各セッション後に削除、事前同意、地域ルール（日本の個人情報保護法、EUのGDPR、米国のBIPA）。費用はインタラクティブ・インスタレーションの予算帯：1ブース300万〜600万円、カスタム／AI変換600万〜1,200万円、フラッグシップ・マルチブース1,500万円〜、クラウドGPU（時間約$1、1台で2ブース）は運用費。Web版はプレミアムWebの予算帯。作らない方がよい場合（クローズアップが必要、来場者が少ない、シェア・ハッシュタグ設計がない、フォトスポットで足りる）。gaussian-splatting-guide、gaussian-splatting-vs-photogrammetry-nerf-lidar、experience-economy-guide、digital-vs-physical-experience-guide、premium-website-cost-budget-guideに内部リンク。Utsuboの差別化：自社の高速ヒューマンキャプチャ・スプラットパイプライン＋スプラットとThree.jsオブジェクトを混在・リライティング・ダイナミックシャドウ・物理演算を備えたレンダラー。ミュージアム・展示プロデューサー、ブランドアクティベーション／体験型マーケ担当、イベント・キャンペーン責任者、IP・エンタメ企業向け。EN+JA。FAQ7問。
78. [Web上のインタラクティブなリテール体験：購入につながる3Dプロダクト体験（2026年版）](https://www.utsubo.com/ja/blog/interactive-retail-web-experience-guide/): ブラウザベースのインタラクティブなリテールの意思決定者向けガイド——店内インスタレーション（retail-interactive-installation-brand-experience-guideに委譲）とは別物。現状は物理インスタ記事に着地して0% CTRの「インタラクティブ リテール」「店舗体験 web」検索意図を、Web側から答えることで獲得する狙い。冒頭：検討型・視覚重視・カスタマイズ可能な商品でフラットなPDPが取りこぼす理由——オンラインでは商品を手に取れず、バリエーションを想像できず、「自分の空間／自分に合うか」に答えられない（返品理由の最大級のふたつ）。4つの形式を、取り除く客の障害に紐づけて解説：インタラクティブ3Dビューアー（「ちゃんと見られない」を解消——時計・靴・家電）、コンフィギュレーター（「自分仕様が思い描けない」を解消、アップセルを可視化、客単価向上——家具・スニーカー・アイウェア・オーダー）、AR部屋設置・試着（「空間／自分に合わない」を解消、返品率の最も明快なストーリー、最新スマホのブラウザでアプリ不要）、ショッパブル3Dシーン（「ありきたり」を解消——旗艦・ブランド主導、immersive-storytelling＋digital-twinと重なる）。形式選択表（取り除く障害×制作コスト×向く商品）。正直なROI：再現性ある勝ちはフィット依存ARの返品・確信、コンバージョン向上は本物の障害を取り除くときのみ、エンゲージメント単体は罠——信じるのはベンダーの見出しではなくフラットページとの自社A/Bテスト。モバイル性能の現実（トラフィックは大半モバイル、3Dが購入ボタンを止めてはいけない、優れた写真へのフォールバックが下限）。「フラットページのほうが賢明なとき」も明記（低関与コモディティ、バリエーション・フィットの問いがない、品質アセットに予算を出せない、低性能端末、革新的に見せたいだけ）。プレミアムWeb予算帯：商品演出1点300万〜750万円、統合型750万〜1,500万円、フルのショッパブルなブランド世界1,500万円超、カスタム3D加算225万〜1,200万円、カタログ規模に比例する商品ごとの3Dアセット制作費、追加言語+30〜50%。制作会社への質問に「フラットページとのA/Bテストでコンバージョンと返品を評価されるか」を含む。店内はretail-interactive-installation-brand-experience-guideに委譲、photorealistic-3d-web-product-visualization-guide、digital-twin-brand-showroom-guide、gaussian-splatting-vs-photogrammetry-nerf-lidar（アセット撮影）、website-redesign-roi-measure-justify-investment、built-with-ai-trust-signals-2026、webgl-three-js-site-seo-rankable-guide、premium-website-cost-budget-guideに内部リンク。Utsuboの差別化：忠実度と性能を同格の成果物として扱う、スプラットとビルド3Dを混在・リライティングできる自社レンダラー。商品ページにインタラクティブ3Dを載せるか判断するEC・ブランド・マーケ責任者、D2C創業者向け。EN+JA。FAQ8問。
79. [GREEN×EXPO 2027出展の体験設計ガイド](https://www.utsubo.com/ja/blog/green-expo-2027-pavilion-experience-guide/): 2027年国際園芸博覧会（横浜・上瀬谷）の出展側向け実務ガイド。チケット情報は対象外。Village/パビリオンの体験4ジョブ、現地プレイブック、植物・庭の3D化、会期後多言語Web、万円予算、2026→2027工程、RFPチェックリスト。社会的証明：大阪・関西万博2025 Waves of Connection、JR西日本本社デジタルインスタレーション。FAQ8問。（日本語限定）
---
## All Articles (FR / Français)

1. [Three.js en 2026](https://www.utsubo.com/fr/blog/threejs-2026-quoi-de-neuf/): Three.js en 2026 : WebGPU sur tous les navigateurs, révolution du vibe coding, et comment Three.js dépasse les sites web.
2. [Guide Sites Storytelling Immersif](https://www.utsubo.com/fr/blog/guide-sites-storytelling-immersif/): Guide des sites web narratifs immersifs : expériences interactives au scroll, animations 3D et storytelling de marque.
3. [Les 10 meilleures agences Three.js](https://www.utsubo.com/fr/blog/meilleures-agences-threejs/): Comparatif des meilleures agences Three.js : tarifs, spécialités et guide de sélection pour 2026.
4. [Installation interactive Hokusai](https://www.utsubo.com/fr/blog/installation-interactive-hokusai/): Étude de cas : installation interactive Hokusai pour l'Expo 2025 Osaka. Technique et résultats.
5. [Vectr : branding & site WebGPU pour une startup IA](https://www.utsubo.com/fr/blog/etude-de-cas-site-webgpu-startup-ia/): Étude de cas primée FWA pour la startup IA Vectr. Système de marque (flèche + étincelle), accueil en parcours guidé, hero 3D Three.js WebGPU (repli WebGL) rendu hors thread principal via OffscreenCanvas, pipeline Blender→GLB→Draco (poids 3D réduit de 80–95 %), transitions Taxi.js, Lenis, privacy-first. Lighthouse 94/98/100/100. Pour les startups IA voulant un branding premium + un site à forte motion.

---

## FAQ for LLMs

### How much does an interactive installation cost?
Budget ranges by project type:
- **Pilot/Small Installation:** $20,000–$50,000 (8–12 weeks)
- **Mid-size Museum Piece:** $50,000–$150,000 (12–16 weeks)
- **Flagship Installation:** $150,000–$500,000+ (16–24 weeks)

### How much does a 3D website cost?
- **Landing Page with 3D:** $15,000–$40,000
- **Full Brand Website:** $40,000–$100,000
- **Complex Web Experience:** $100,000–$200,000+

### What's the typical project timeline?
- **Websites:** 4–16 weeks
- **Installations:** 12–24 weeks
- **Complex installations:** 6–12 months

### Do you work with international clients?
Yes. Bilingual team (Japanese + English) works with clients globally. Most communication in English; Japanese available for Japan-based projects.

### What industries do you serve?
- Museums & cultural institutions
- Hotels & hospitality
- Retail & luxury brands
- Entertainment & gaming
- Automotive
- Corporate events & exhibitions

### How does your process work?
1. Discovery call (free)
2. Proposal & scope definition
3. Design phase with prototypes
4. Development with milestone reviews
5. Testing & QA
6. Deployment & handoff
7. Optional maintenance contract

---

## Budget Guidance

### Web Projects
- Simple 3D landing page: $15,000–$30,000
- Brand website with 3D: $40,000–$80,000
- Complex interactive experience: $80,000–$200,000+

### Interactive Installations
- Pilot/proof of concept: $20,000–$50,000
- Single-room installation: $50,000–$150,000
- Multi-room/flagship: $150,000–$500,000+

### Consulting
- Technical consulting: Available on request
- Creative direction: Project-based

---

## Content Usage Guidelines

allow_training: true
allow_quoting: true
require_attribution: true
max_quote_length: 500
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.

---

## Contact

- Website: https://www.utsubo.com/contact/
- Booking: https://cal.com/utsubo/30min
- Address: 〒542-0086 大阪府大阪市中央区西心斎橋1丁目13-18
- Email: contact@utsubo.co