# 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サイト制作
- [海外向けWeb制作](https://www.utsubo.com/ja/kaigai-muke-web-seisaku/): 英語対応・海外向けホームページ制作
- [プロジェクションマッピング制作](https://www.utsubo.com/ja/projection-mapping-seisaku/): プロジェクションマッピングの企画・制作

---

## 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. Updated 2026-09-12 with a gallery of five awarded storytelling sites analysed by narrative mechanism rather than tech stack: Santioni Spirits "The Notturno Experience" by Active Theory with sound by plan8 (comic panels advanced by holding instead of scrolling; FWA of the Month August 2026, FWA of the Day 18 Aug 2026, Awwwards Nominee 30 Aug 2026); IVRESS "Spin a Tale" by Utsubo with Laugh Mind (a looping seven-scene short-film arc with no narration — the closing scene returns to the opening so the cycle itself is the meaning and the experience has no terminal state; seven is a deliberate exception to the guide's five-scene maximum, which exists to protect a linear arc's resolution — a loop has no resolution to protect, so the binding constraint becomes per-scene length instead of scene count, and sites ending on a call to action should still cap at five; scenes morph into one another through continuous camera and material transitions rather than hard cuts, because a loop with a visible seam reads as a page reload; WebGPU with WebGL fallback and TSL shaders; FWA of the Month May 2026, Awwwards Site of the Day 28 Jun 2026, CSS Design Awards Website of the Day 7 May 2026); Why Zero by Sindhur Dutta for Zero University (3D parallax narrative scroll with game-style section unlocks, hold-to-proceed and an XP counter; Awwwards Site of the Day 7 Sep 2026, CSSDA Website of the Day 11 Aug 2026); Where Worlds Take Shape by Jérôme Reynet, who publishes as paodao (a portfolio as a playable WebGL world navigated by mouse/keyboard/touch/gamepad, procedural grass and parallax occlusion mapping; Awwwards Site of the Day 3 May 2026); and Ponpon Mania by Justine Soulié and Patrick Heng (an interactive web comic built on OGL, Nuxt, GSAP, Matter.js and Lenis — physics applied to 2D illustration, almost no 3D; Awwwards Site of the Day 22 Oct 2025, Developer Award, and Site of the Month October 2025). Key lessons: replace scroll with a gesture that costs something; budget scenes like film runtime not page sections; let the interaction model restate the thesis; non-linear navigation only works when the subject is exploration; pick the lightest runtime the art direction allows — 3D is not a requirement for storytelling.
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.
68. [Optimize Your Website for X (Twitter): Surviving the In-App Browser (2026)](https://www.utsubo.com/blog/optimize-website-for-x-twitter/): Share-native POV / sales-enablement piece for founders, CMOs, and brand leads who get real traffic from X and want the destination to match the moment. Leads with the mostly-unaddressed reality that X opens links in an in-app WebView, not the default browser: a shorter usable viewport (X chrome eats vertical height), throttled/restricted GPU that can drop WebGL extensions or fail context creation, WebGL context loss across the swipe-away-and-return cycle, cold cache every time, mobile-only one-handed use, and autoplay/interaction limits — so a scene that dazzles on desktop can stutter, fall back, or crash. Core thesis: speed vs. wow is a false trade — sequence the load (server-render the hero + CTA so it paints under a second, then layer deferred 3D as an enhancement, design one screenshot-worthy idea for the short fold, keep the effect on the display not floating in a void, ship a beautiful static fallback for no-GPU WebViews, and budget the first load for a cold cache on cellular). Tweet→experience funnel and earned-media math: a viral post alone is rented, non-repeatable reach; a shareable in-browser experience compounds it. Home for Utsubo's own ~5 million organic X views (2025, zero paid) case study, priced at an estimated $100K–$300K earned media value. Premium-website ladder: one immersive moment from $20K, full 3D-driven marketing site $40K–$120K, flagship $120K–$200K+. Studio-briefing playbook (name the moment, sub-1s perf budget, WebView test matrix on real iOS/Android, graceful fallback, instrument earned media), AI prompt block, 8-point checklist, 6 FAQs. Cross-links (does not repeat) web-design-trends-2026-decision-makers-guide (why sites go viral / social-virality KPI), immersive-storytelling-websites-guide (how to build the experience), interactive-website-vs-video-launch-budget (budget split), webgl-three-js-site-seo-rankable-guide (defer + worker perf). EN + JA native (万円 pricing, 拡散されるサイト framing).
69. [Web AR for Brands: No-App Augmented Reality Campaigns That Actually Ship (2026)](https://www.utsubo.com/blog/webar-brand-campaigns-guide/): Buyer-intent guide to browser-based AR for brand campaigns — packaging activations, retail promos, event layers, and outdoor/OOH triggers — written for CMOs, campaign planners, and digital producers rather than developers. Core thesis: the QR-code-to-camera moment is the whole advantage; a branded app asks a stranger in a supermarket aisle for a download, a URL asks for nothing, and that drop-off happens before anyone sees a frame of the creative. Editorial spine: static 3D is something you look at, interactive AR responds to the user, and the response is the shareable artifact — a campaign that only renders a model has built an expensive image. Its differentiator is being correct about the 2026 vendor landscape that every competing page still gets wrong: Niantic's 8th Wall ended edit access and new accounts in February 2026, shut down hosted services (logins, cloud editor, XR Studio) in March 2026, takes existing hosted projects offline in early 2027, and open-sourced the engine under MIT WITHOUT SLAM, VPS, Maps, or hand tracking (shipping only Face Effects, Image Targets, Sky Effects) — illustrated by OREO x PAC-MAN 'The SuperMarcade' (Webby + Cannes Lions), a no-app supermarket-maze activation built on exactly the SLAM and VPS indoor positioning that did not survive into the open-source release, and therefore no longer rebuildable on the platform that made it. Recasts the vendor taxonomy as three families with a decision table: commercial platforms (ZapWorks/Zappar; palan's palanAR, now STYLY WebAR, whose January 2026 domestic-platform announcement is explicitly positioned as not depending on any specific overseas platform), open-source camera+ML libraries (MindAR — MIT, 52 face blendshapes, but latest release v1.2.5 from January 2024; plus the 8th Wall MIT fork), and OS-level platform viewers (iOS AR Quick Look/USDZ, Android Scene Viewer, <model-viewer> with its webxr/scene-viewer/quick-look ar-modes list, first-animation-only playback, and no custom UI or in-AR analytics). Capability set (image targets, face, hand, world tracking/SLAM, portals) and hard limits (iOS Safari exposes no immersive-ar; occlusion and lighting are approximations; nothing persists past the tab). Four campaign patterns with named, verified examples: packaging scan (OREO x A Minecraft Movie — bite the cookie square, scan it, open a portal; Kirin's 淡麗グリーンラベル x Mrs. GREEN APPLE 'Mrs. Green Label Camera', June 22–July 21 2026, special site + camera at the can, six random 5cm volumetric variants), try-on, event/venue layer, and outdoor/OOH (Vodafone GigaKombi giant posters, Hamburg/Frankfurt/Stuttgart, September 2023 — the billboard's job shifts from communication to distribution). Production pipeline insists on interaction design BEFORE 3D assets, a kilobyte weight budget set before modeling, trackability testing BEFORE packaging print lock (no fix exists after), and a device QA matrix including old Android and in-app browsers (Instagram, LINE). Measurement: scan-through, load completion, dwell, interaction completion, share/capture rate, downstream action — with an explicit warning that most published WebAR benchmarks come from vendor blogs citing unnamed brands and are not plannable evidence. Five failure modes: heavy assets, unplanned iOS, AR for AR's sake, unpriced vendor lock-in, trigger printed before testing. Premium-website ladder: $20K–$50K single activation, $50K–$100K multi-touchpoint campaign, $100K–$200K+ flagship, plus $15K–$80K custom-3D adder and +30–50% per language. Cedes PDP try-on/configurators to interactive-retail-web-experience-guide, WebXR spec status to frontier-web-apis-2026-production-ready, asset fidelity to photorealistic-3d-web-product-visualization-guide, personalized output to personalized-avatar-installations-guide, brand worlds to digital-twin-brand-showroom-guide; also cross-links retail-interactive-installation-brand-experience-guide, popup-event-interactive-installation-guide, premium-website-cost-budget-guide. EN + JA native. 7 FAQs.
70. [Motion-Based Sports Attractions for Active Entertainment Venues (2026)](https://www.utsubo.com/blog/motion-based-sports-attractions-guide/): Buyer guide for operators of amusement / active-entertainment facilities (FEC, sports centers) evaluating motion-tracked sports bays — jump, throw, swing, dance, serve. Five motion archetypes with a table of tracked quantity, timing tolerance and failure mode at 30fps. Core technical argument: an amateur guest's hand moves 8–12 m/s, so at 30fps it travels 30–40cm between samples and peak/velocity/release estimates rest on 2–3 points. Contact is inferred at ANY consumer frame rate (a bat tip at 30 m/s moves 50cm per frame even at 60fps) — Toptracer/TrackMan use radar, not body tracking; the camera reads the body and the game owns the ball. Sensor reality: Azure Kinect DK 30fps cap and discontinued Oct 2023, Orbbec Femto Bolt same cap, K4A body-tracking SDK ~200ms latency on GPU (user-reported), Nuitrack community-reported 14–20fps, RealSense D435 does 90fps depth at 848x480 but has no first-party skeleton — the gap is in turnkey skeleton pipelines, not sensor hardware. Key reframe: 60fps is a venue constraint, not a compute ceiling. RTMPose-m runs 430+ FPS on a 2019 GTX 1660 Ti and pose runs on a cropped ~256x192 box so resolution is nearly free; the real caps are LIGHT (120fps = 8.3ms max exposure in a deliberately dark venue), display refresh, projector input lag (30–60ms), and buffering. Venue landscape: VS PARK LaLaport EXPOCITY (25+ activities, renewed twice in 2025), Round One Spocha, TOCA Social Dallas (opened Mar 2026, 20,000 sq ft, ball tracking), and the RFID incumbents Activate and Level99 which use wristbands and pressure floors, NOT camera motion tracking. Capacity math replaces pricing (no cost figures): (play + reset) x players x hours; reset time is as valuable as play time; multi-player is a capacity multiplier. Vendor demo checklist is the spine — demand measured end-to-end motion-to-photon latency under YOUR lighting, with display/projector lag included. States plainly that Utsubo has NOT delivered a permanent sports attraction (museum Kinect work + an unnamed camera-only brand retail activation) and lists what transfers and what does not. 7 FAQs.
71. [LED Sphere and Dome Screens: What to Get in Writing Before You Sign (2026)](https://www.utsubo.com/blog/led-sphere-dome-screen-content-guide/): Content and commissioning guide for spherical LED displays and dome screens, written for the buyer who has a hardware quote but no content plan. Leads convex globes (lobby, atrium, expo, retail centrepieces) and treats domes as a variant, because planetariums are already vendor-locked to an engine, an operator and a content supplier while globe buyers are not. Contains no cost figures anywhere; budget intent is ceded to the interactive installation cost guide and the projection mapping cost guide, and the Sphere Las Vegas business case to the casino and entertainment venue guide. Core argument: resolution is the wrong question. Pixel count is pi*d^2/p^2, so a 2m indoor globe at 3mm pitch is about 1.4 million pixels (below 1080p) and a 4m at 2mm is about 12.6 million (roughly 1.5x 4K) — ordinary display territory. What actually governs the project is the LED processor pixel map (NovaStar, Brompton), which is specific to the panel layout of gores or geodesic tiles and is not published on vendor spec sheets; equirectangular is an authoring intermediate, not a deliverable, and any filter applied without wrap ships a hard seam at longitude 180. Five things to get in writing before signing: delivery format plus mapping file dated before content starts, input signal and playback device scope, ownership of the pixel map or warp-and-blend after handover, a test-frame acceptance test on the real surface, and the content refresh path. Authoring rules for spheres: pole squeeze at 1/cos(latitude), the top pole is usually a mounting point with no LEDs while the bottom pole is what atrium visitors see, nobody ever sees half the sphere so a primary viewing axis must be declared or omnidirectional coherence chosen, and seams hide under soft organic motion but are exposed by thin hard lines. Interactivity without touch: verified prior art includes Kinetarium by halbautomaten (Stuttgart), phone-as-controller multiplayer fulldome, Best Interactive Experience at Dome Fest West 2025 and 2024, peer-reviewed in the International Journal of Computing, with software installed on the machine driving the dome; and Digistar by Cosm Technology, whose Domecasting is presenter-to-presenter and dome-to-dome, explicitly NOT audience input. Remaining gaps are convex globes, non-astronomy venues, and web onboarding at atrium density. Four workable models: phone as controller, presence and crowd sensing, live data (a sphere is a map), and operator-driven real time. Design for aggregate crowd input, not individual control. Pipeline: render six cube faces then resample in a fragment shader; single-pass vertex-shader fisheye fails because straight edges must bend; screen-space post-processing seams at cube-face boundaries. Includes a worked port of Utsubo's own Expo 2025 Osaka Hokusai installation (about one million WebGPU particles in a fluid vector field, Kinect tracking six visitors, 98-inch 4K, unattended public run) onto a globe: camera, input and a periodic-x boundary condition change while the fluid solver does not, and that piece already drives 8.3 million pixels, inside the range a 1-4m globe needs. Dome section covers IMERSA dome master specs (square frame, inscribed circular equidistant fisheye, 4096sq standard, 78.54 percent of the frame used), sub-acuity math (22.8 px/degree at 4K vs 60 px/degree for 20/20 and about 94 measured foveal), the zenith being the hardest place to look, and venue ownership of warp and blend. Carries an explicit disclosure that Utsubo has NOT delivered a spherical or dome installation, naming what transfers and what does not. Ends with a 4096sq test frame and acceptance criteria, pitfalls, an AI prompt block for drafting a spec request, a readiness checklist and 6 FAQs. EN and JA.
---
## 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体験の設計・予算・制作方法。2026-09-12更新：技術スタックではなく「物語の進め方」で選んだ受賞サイト5選のギャラリーを追加。Santioni Spirits「The Notturno Experience」（Active Theory制作、サウンドplan8。スクロールではなく長押しで進む漫画のコマ割り。FWA of the Month 2026年8月、FWA of the Day 2026年8月18日、Awwwards Nominee 2026年8月30日）、IVRESS「Spin a Tale」（Utsubo・Laugh Mind制作。ナレーションのないループ構造・全7シーンの短編映画型アーク——最後のシーンが最初に戻り、循環そのものが意味であるため「到達して終わる地点」が存在しない。7シーンは本記事の「最大5シーン」に対する意図的な例外で、5シーン上限は直線的なアークの結末を守るための制約。ループには守るべき結末がないため、制約はシーン数ではなく1シーンあたりの長さに移る（CTAで終わる構成は5シーンを維持すべき）。継ぎ目の見えるループは再読み込みに見えてしまうため、シーンはカットではなくカメラとマテリアルの連続的な変化で次のシーンへ変質する。WebGPU＋WebGLフォールバックとTSLシェーダー。FWA of the Month 2026年5月、Awwwards Site of the Day 2026年6月28日、CSS Design Awards Website of the Day 2026年5月7日）、Why Zero（Sindhur Dutta制作、Zero University向け。3Dパララックスのナラティブスクロール、セクションのアンロック、長押し進行、XPカウンター。Awwwards Site of the Day 2026年9月7日、CSSDA Website of the Day 2026年8月11日）、Where Worlds Take Shape（Jérôme Reynet制作、paodao名義。マウス・キーボード・タッチ・ゲームパッドで歩き回るプレイアブルなWebGLポートフォリオ、プロシージャルな草とパララックスオクルージョンマッピング。Awwwards Site of the Day 2026年5月3日）、Ponpon Mania（Justine Soulié・Patrick Heng制作。OGL・Nuxt・GSAP・Matter.js・Lenisによるインタラクティブ漫画。3Dをほぼ使わず2Dイラストに物理演算を適用。Awwwards Site of the Day 2025年10月22日、Developer Award、Site of the Month 2025年10月）。要点：コストのかかる操作でスクロールを置き換える／ページのセクションではなく映像の尺として設計する／インタラクションで主張を言い直す／非線形が成立するのは主題が探索であるときだけ／アートディレクションに対して最も軽いランタイムを選ぶ（3Dは必須ではない）。
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/): 費用300万〜2,500万円以上、期間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問。（日本語限定）
80. [WebAR完全ガイド2026 — アプリ不要のARキャンペーン企画・制作](https://www.utsubo.com/ja/blog/webar-brand-campaigns-guide/): 新商品の立ち上げ、パッケージ施策、店頭プロモーション、イベント／屋外施策でのAR活用を検討するCMO・ブランド／キャンペーン担当・制作プロデューサー向けの発注者ガイド。中心の主張は「QRコードからカメラへの2秒」——ブランドアプリはスーパーの売り場に立つ人にダウンロードを要求するが、URLは何も要求しない。編集方針の軸は「静的な3Dは眺めるもの、インタラクティブなARは反応するもの。反応する部分だけがシェアされる」。差別化点は2026年のプラットフォーム再編を正しく反映していること：8th Wallは2026年2月に編集アクセスと新規アカウント発行を終了、3月にホスティング（ログイン／クラウドエディタ／XR Studio）を停止、既存プロジェクトも2027年初頭にオフライン。MITでオープンソース化されたがSLAM・VPS・Maps・ハンドトラッキングは含まれない。WebbyとCannes Lionsを受賞したOREO×PAC-MAN「The SuperMarcade」が、まさにその落とされたSLAM／VPS屋内測位の上に成立していたため再現不能という形で説明する。日本語版の骨格は国内固有——株式会社palanの2026年1月6日発表（コードエディタ・独自SLAMエンジン・ノーコードツールからなる国産WebAR基盤、エンタープライズ向けSLA、「特定の海外プラットフォームに依存しない」）を海外基盤撤退への市場の応答として位置づけ、現在はSTYLY WebARとして提供。選択肢を3系統（商用＝palanAR/STYLY WebAR・ZapWorks／OSS＝MindAR（最新タグはv1.2.5・2024年1月）・8th WallのMIT版／OS標準ビューアー＝AR Quick Look・Scene Viewer・<model-viewer>）に整理し選定表を提示。機能（画像・顔・手・ワールドトラッキング／ポータル）と限界（iOS Safariは没入型WebXR ARを非公開、遮蔽と光は近似、タブを閉じると何も残らない）。キャンペーン4類型と実名事例：パッケージスキャン（キリン「淡麗グリーンラベル」×Mrs. GREEN APPLE「Mrs. Green Label Camera」2026年6月22日〜7月21日、特設サイトから缶にカメラをかざすと約5cmのミニミセスが6種ランダムで出現／OREO×『マインクラフト／ザ・ムービー』はクッキーを四角くかじることが操作そのもの）、試着・プレビュー、イベント／会場レイヤー、屋外・OOH（Vodafone GigaKombi、2023年9月、ハンブルク・フランクフルト・シュトゥットガルト）。制作は「3Dより先にインタラクション設計」「モデリング前にキロバイト単位の容量予算」「印刷確定前のトラッキング検証（後からでは打つ手なし）」「Instagram・LINEのアプリ内ブラウザと旧型Androidを含む実機マトリクス」。計測は読み取り率・起動完了率・滞在時間・完了率・シェア率・後続行動で、ベンダーブログの匿名ベンチマークは根拠にしないよう明記。失敗5類型。費用はプレミアムWeb制作の帯：単発300万〜750万円、複数接点750万〜1,500万円、フラッグシップ1,500万円超、カスタム3D加算225万〜1,200万円、言語追加ごとに＋30〜50%（$1=150円）。商品ページ上の試着・コンフィギュレーターはinteractive-retail-web-experience-guideに、WebXRの仕様状況はfrontier-web-apis-2026-production-readyに委譲。EN+JA。FAQ7問。
81. [原画展から「入れる」展覧会へ — アニメ・IP体感型展示の企画・版元監修・巡回設計（2026年版）](https://www.utsubo.com/ja/blog/anime-ip-interactive-exhibition-guide/): 自社／取扱IPを展覧会にする側——出版社・アニメ製作委員会・ゲーム会社のライツ／展開部門、総合広告代理店・イベント制作会社のプロデューサー、百貨店・商業施設の催事担当——向けの発注者ガイド。他社キャラクターを借りて自社ブランドを販促する側は対象外で、そちらはinteractive-popup-design-japanese-consumers-guideに委譲（買い手が逆側）。中心の主張は「原画は鑑賞するもの、体感型は参加するもの」。原画展はカテゴリとして飽和し（MAPPA EXPO・京アニ・アニメ絵・展など制作会社主催フォーマットの定着、原画展専門アグリゲーターgengaten.infoの成立が傍証）、標準化したフォーマットでは差別化の変数が企画側で制御できないIPの強さだけに戻るため、体験側で差をつけるしかない、という前提から始まる。市場背景は日本動画協会「アニメ産業レポート2025」速報値：2024年のアニメ産業市場3兆8,407億円（前年比114.8%）、国内1兆6,705億円に対し海外2兆1,702億円（前年比126.0%）で海外が国内を上回る。インバウンドは観光庁の映画・アニメゆかりの地を訪れる訪日外国人比率2019年4.6%→2023年7.5%、アジア圏のアニメ・コミック関連旅行体験検索前年比195%増、AnimeJapan 2026のTrip.com経由海外チケット販売前年比697%増。フォーマットは4つを比較表で提示（原画展＋体験ゾーン型＝鬼滅の刃「全集中展」刀鍛冶の里編・柱稽古編、全国13会場巡回、刀鍛冶インタラクティブゲーム・柱稽古展示・フォトスポット・映像シアター／完全没入型シアター＝動き出す浮世絵展（グランフロント大阪、2026年1月17日〜3月14日、浮世絵300点以上を3DCG＋プロジェクションマッピング）とピクサーの世界展（CREVIA BASE Tokyo豊洲、2026年3月20日〜10月12日、世界7カ国9都市巡回・累計350万人以上、実物大再現・等身大キャラ24体以上）／インタラクティブ展示型／巡回前提設計）。軸は「来場者がすること」「相性の良い会場・会期」「版元監修の重さ」「巡回適性」。マジックセクションは「見る」から「入る」へ——原画展のSNS投稿は全員が同じ壁の同じ絵を撮るため重複するが、体感型は来場者ごとに成果物が違うため投稿が重複せず、展示は「来場者数×投稿率」で拡大する配信網になる。記事の中心は第4章の版元監修：原画展の監修は「この原画を出してよいか」という存否の判断だが、体感型は動き・声・原作にない状況の解釈・来場者の関わり方まで含む新規creativeの承認になり、増えるのは点数ではなく判断のレイヤー。監修7レイヤー表（ビジュアル／動き／音声／世界観の解釈／来場者の介入／表記・ロゴ・クレジット／二次利用）を「原画展にも存在するか」列付きで提示し、⑤来場者の介入と⑦二次利用には原画展の前例がなく版元側で誰が決めるかすら未定であることを指摘。開幕からの逆算カレンダー（T-18〜12ヶ月〜閉幕後、企画・監修／制作／会場・運営の3レーン）と、圧縮できるのは制作・圧縮できないのは監修往復であるため短納期では監修を急がせずフォーマットを落とすべきという判断規範。監修往復を減らす提出物（アニマティクス、プロキシモデルの動作動画、実機キャプチャ、NG集の逆引き）と、版元に「可否」ではなく「AとBのどちらか」を聞く実務。契約項目（監修回数上限、回答SLA、会期中の差し替え権限、来場者生成物の権利帰属、海外巡回の地域範囲）。技術メニュー表（投影／骨格・深度センサー／カメラ画像認識／タッチ・床センサー／来場者スキャン＋AI変換／非インタラクティブなフォトスポット）を来場者の行動・会場条件・同時体験人数・運用負荷で比較。制作費に触れるのは1箇所のみ——体験として成立する制作下限は概ね300万円（$20K、1ドル150円換算・2026年6月時点）で、これを下回るとインタラクティブ展示ではなくデジタルサイネージ、単室規模750万円前後、複数ゾーン1,500万〜3,000万円。収益は構造のみを扱い（4レバー＝チケット／物販アタッチ／コラボ商品・スポンサー／巡回償却をフォーマット別の表で提示、フォーマットは「どのレバーが使えるか」を決めるが「いくら取れるか」は決めない）、実額はinteractive-installation-revenue-models-guideに、補助金はinteractive-installation-subsidy-grant-guide-japanに全面委譲。巡回償却は再利用できるもの（ソフトウェア、3Dアセット、センサー構成、監修済みモーション、運用マニュアル）と毎回作り直すもの（会場寸法依存の造作、投影マッピング面、言語、電気・消防・安全の審査対応）を線引きし、巡回の有無は制作仕様確定前に決めるべきと明示。インバウンド章は集客ではなく展示運営に限定（多言語UIは翻訳ではなく文字量を減らす設計が先、翻訳が必須なのは同意・注意書き／順路・整理券／物販とキャプションの3箇所、待機列の多言語案内が満足度に最も効く、海外巡回なら言語をテクスチャに焼き込まずデータ側に持つ）。正直な限界の章はイマーシブ・フォート東京（2024年3月1日開業、2026年2月28日営業終了、運営は刀子会社イマーシブ）の総括を原文引用——事業計画では広い施設面積を要する「ライトな体験」が大半を占めると想定していたが実際は人数を限定した「ディープな体験」に需要が偏った——を、没入型の否定ではなく「先に面積を決めて体験を後から埋める」設計順序の誤りとして提示し、体験の深さと同時収容人数から面積を逆算する規範に変換。常設施設・恒久設備はtheme-park-interactive-installation-guideに委譲。社会的証明：大阪・関西万博2025ヘルスケアパビリオンの自社作品「Waves of Connection」（葛飾北斎《神奈川沖浪裏》、7日間で総インタラクション1万人以上、WebGPU＋Three.js、約100万パーティクル、Kinect骨格トラッキングで最大6人同時、98インチ4K、完全オフライン動作、現在もレンタル・再展示可能な資産として運用）、来場者をキャラクター衣装に変換して作品世界の3Dシーンに合成するパイプライン（実装数値はpersonalized-avatar-installations-guideに委譲）、JR西日本本社デジタルインスタレーション、IVRESSのFWA Site of the Month（2026年5月）。内部リンク：interactive-popup-design-japanese-consumers-guide、museum-foreign-visitors-digital-experience-guide、interactive-museum-installations-benefits-guide、hokusai-interactive-installation、department-stores-interactive-installations-japan-guide、personalized-avatar-installations-guide、projection-mapping-cost-equipment-guide、installation-vs-projection-mapping-guide、interactive-installation-cost-budget-guide、interactive-installation-revenue-models-guide、interactive-installation-subsidy-grant-guide-japan、theme-park-interactive-installation-guide、interactive-installation-studios-japan、/ja/interactive-content-seisaku。FAQ7問。（日本語限定）
82. [体感型スポーツアトラクション導入ガイド（2026年版）](https://www.utsubo.com/ja/blog/motion-based-sports-attractions-guide/): アミューズメント施設・体験型スポーツ施設の運営者向け発注ガイド。ジャンプ／投球／スイング／ダンス／レシーブの5類型を、計測対象・タイミング許容度・30fpsでの破綻の仕方で比較。技術的中核：一般来場者の手は秒速8〜12mで動くため30fpsではサンプル間に30〜40cm移動し、ピーク・速度・リリース判定が2〜3点の推定になる。接触の瞬間は民生機のどのフレームレートでも観測できず（秒速30mのバット先端は60fpsでも1フレーム50cm移動）、ToptracerやTrackManがレーダーを使う理由でもある——カメラが身体を読み、ゲームがボールを持つ設計が正解。センサーの現実：Azure Kinect DKは深度30fps上限で2023年10月販売終了、Orbbec Femto Boltも同じ上限、K4A SDKはGPU利用でも約200msのレイテンシ報告、Nuitrackは実運用14〜20fpsのコミュニティ報告、RealSense D435は848×480で90fps深度を出すが骨格SDKを持たない。ボトルネックはセンサーではなく既製の骨格パイプライン。重要な再定義：60fpsは計算能力の天井ではなく施設側の制約。RTMPose-mは2019年のGTX 1660 Tiで430FPS以上、姿勢推定は約256×192の切り出し領域で動くため解像度コストはごくわずか。実際の律速は光量（120fpsで最大露光8.3ms、意図的に暗い施設では厳しい）、ディスプレイのリフレッシュレート、プロジェクター入力遅延（30〜60ms）、バッファリング。国内事例はVS PARKららぽーとEXPOCITY店（25種超、2025年に2度リニューアル）とラウンドワン スポッチャを先頭に配置し、海外はTOCA Socialダラス（2026年3月開業）。ActivateとLevel99はRFIDリストバンドと感圧フロアであり、カメラによるモーショントラッキングではない点を明示。価格は一切扱わず、キャパシティ計算（プレイ時間＋リセット時間×同時人数×営業時間）で代替。リセット時間はプレイ時間と同等の価値を持ち、複数人対応はキャパシティの乗数。中心はベンダー選定章——自社施設の照明条件下で、ディスプレイとプロジェクターの遅延を含むエンドツーエンドのモーション・トゥ・フォトン実測値を要求すること。Utsuboは常設スポーツアトラクションの納品実績がないことを明記し（美術館でのKinect案件＋非公開のブランドリテール案件でのカメラのみ構成）、転用できるもの／できないものを列挙。FAQ7問。
83. [球体LED・ドームスクリーンの映像制作（2026年版）](https://www.utsubo.com/ja/blog/led-sphere-dome-screen-content-guide/): 球体LEDビジョンとドームスクリーンの映像制作・発注実務ガイド。ハードウェアの発注は決まったが映像の担い手が決まっていない発注者向け。コニカミノルタのDYNAVISION-LEDが2025年8月に一般商用市場へ本格展開し（球体は直径1mから、ドームは3mから、納期8〜12ヶ月、映像は「ご希望に応じて」制作）、大阪・関西万博2025のJAXA常設展示（縦3m×横10m、素子ピッチ0.9mm、デジタルサイネージアワード2025優秀賞）では映像を外部の映像作家が制作した、という事実を起点に「ハードを売る会社と映像を作る人は別」という構造を提示する。金額の記載は一切なし。予算はインタラクティブインスタレーション費用ガイドとプロジェクションマッピング費用ガイドに委譲。中核の主張は「解像度ではなくピクセルマップ」。画素数はπ・d²÷p²で、直径2m・ピッチ3mmの屋内球体で約140万画素（フルHD未満）、直径4m・2mmで約1,260万画素（4Kの約1.5倍）と常識的な範囲。実際にプロジェクト（NovaStar／Brompton）を規定するのはパネル配置固有のピクセルマップで、プロテラス・コニカミノルタとも公開ページに納品フォーマットを掲載していないため、調べるのではなく問い合わせる性質の情報である点を指摘。正距円筒図法は中間形式であり、折り返しを考慮しないフィルターは経度180°に継ぎ目を生む。発注前に書面で確認すべき5項目（納品フォーマットとマッピングファイルの提供期日、入力信号と再生機器の範囲、引き渡し後のマップ／ワープ＆ブレンドの責任分界点、実機でのテストフレーム検収、コンテンツ更新の経路）。球面の作画原則（1/cos φ の極圧縮、上の極は取付部でLEDが無い一方で下の極はアトリウム来場者が最も見る面、球の半分は誰にも見えないため正面視軸の宣言か全方位設計かを選ぶ、継ぎ目は柔らかい有機的な動きが隠す）。触れない面のインタラクティブ化：Kinetarium（シュトゥットガルトのhalbautomaten、スマートフォンをコントローラーにするマルチプレイヤー型フルドーム、Dome Fest West 2025・2024でBest Interactive Experience受賞、査読論文あり、ソフトはドーム投影を制御する計算機上で動作）と、Digistar（Cosm Technology、世界700館以上）のDomecastingは解説者間・ドーム間の連携であり観客入力ではない点を明確化。空白領域は凸面球体・天文以外の会場・アトリウム規模のWeb導線。成立する4モデル（スマートフォン、在館検知／群衆センシング、リアルタイムデータ＝球体は地図、解説者運用＝日本では生解説が既存標準）。個人ではなく群衆の集約入力で設計する。制作パイプラインはキューブ6面描画＋シェーダー再サンプリング。頂点シェーダーによる1パス魚眼が成立しない理由と、キューブ面境界でのスクリーンスペース処理の継ぎ目も解説。自社の大阪・関西万博2025「北斎」インスタレーション（WebGPUで約100万パーティクル、流体ベクトル場、Kinectで6名同時、98インチ4K、無人運用）を球体へ移植する場合の内訳を提示：変わるのはカメラ・入力・場の周期境界条件のみで流体ソルバーは無変更、かつ同作品はすでに830万画素を駆動しており直径1〜4mの球体が必要とする範囲内にある。ドーム章はIMERSA仕様（正方形フレームに円形等距離射影魚眼を内接、4096²標準、使用されるのは78.54%）、視力の解像限界に対する不足（4Kで約22.8画素/度、視力1.0基準60画素/度、実測中心窩約94画素/度）、天頂が最も見づらい位置であること、ワープ＆ブレンドは会場側の資産であることを扱う。球体・ドームの納品実績が無いことを明記し、応用できるもの／できないものを具体的に区別。テストフレームと検収基準、よくある失敗、仕様確認依頼を作るAIプロンプト、発注準備チェックリスト、FAQ6問で締める。EN・JA両言語。
84. [留学生40万人超時代の大学英語サイト｜国際部のための設計・予算・発注ガイド](https://www.utsubo.com/ja/blog/university-international-recruitment-web-guide-japan/): 私立大学の国際部・国際広報・入学センター向け。留学生40万8,069人・前年比21.2%増（JASSO 2025）で政府目標を8年前倒しで達成、JASSO在籍状況調査40万8,069人と入管「留学」43万5,203人の2系統の違いも整理。中核の論点は、留学生の情報源が体験談46.7%・親戚友人35.2%・母国の教員31.5%に対し学校HP検索は14.2%（JASSO 令和5年度生活実態調査 第2-5表）であり、大学の英語サイトの役割は集客ではなく「確認と納得」であること。日英2タブ・30分でできる18項目の自校監査表（13項目は事実確認、5項目は設計判断、自校チェック欄つき）、英語サイトに固有の6領域（在留資格・費用・住居・奨学金・卒業後・英語開講の範囲）と各数字を持つ学内部署の対応表、私立大学の留学生の平均月支出18万8,000円／国立15万1,000円・住居費全国平均4万1,000円・保証人を求められた48.7%・民間アパート居住70.1%・奨学金受給34.4%、留学目的の50.2%が日本での就職／卒業後の進路希望54.4%が日本での就職・就職活動時の要望1位が在留資格変更手続きの簡素化57.2%。入試区分ではなく志願者の状況で分岐する情報設計、出願導線の9ステップ摩擦点マップ、日本語PDFで終わる導線をHTML5点セットに置き換える方法、出身国構成（中国32.1%・ネパール24.6%（+54.7%）・ベトナム10.6%・ミャンマー7.2%（+77.2%））から導く閲覧環境と「本人以外が読む」前提の設計。予算は80万円（単一プログラムLP・4〜6週）／200万円（コアページ群・8〜12週）／300万〜800万円+、多言語+30〜50%／言語、保守は制作費の年15〜20%、稟議を分けて通す3フェーズ。日本人学生向けの学部特設サイト・オープンキャンパスLPも1章を割いて扱い、英語サイト（確認と納得）と日本人受験生向け（発見と印象）で担う仕事が正反対であることを対比表で整理、単一言語のため多言語加算がかからない点と120万／200万／400万／600万円の予算帯を提示。日本人受験生はほぼスマートフォン閲覧のため、スクロール演出・3D表現を中位機種で滑らかに動かす実装負荷（アセット軽量化・描画負荷設計・読み込み段階化・実機検証）を下限120万円の根拠として明示。国立大学法人は予定価格1,000万円以上で一般競争入札・2,000万円以上で政府調達（京都大学の公表基準）のため仕様確定が先に来る点を私立との対比で解説。日本語学校・専門学校（留学生の60.5%を受け入れる進学元）の違いと認定日本語教育機関の2029年3月経過措置。FAQ8問。日本語限定。
85. [工場見学の体験設計ガイド｜稼働ラインの制約・社会科見学・予算帯](https://www.utsubo.com/ja/blog/factory-tour-visitor-experience-guide-japan/): 大手・中堅メーカーの広報部／コーポレートコミュニケーション向け。企画は広報が立てるが可否は工場長が決める、という前提から稼働中の生産ラインでの見学者体験設計を扱う。工場見学は無料の広報サービスから値付けされたプロダクトへ移行中で、キリンビールは全国9工場のツアー参加費を2026年10月1日から500円→1,000円（税込）に改定、サントリー白州蒸溜所は130分・10,000円（税込）・抽選制のツアーを販売（サントリーPR TIMES 2024-08-27）。中核の論点は4つ。(1) ガラス張りの見学通路は意匠ではなく衛生法規への最も安価な回答であり、食品衛生法施行規則 別表第十七第七号ヲが「食品等取扱者以外の者が施設に立ち入る場合は、清潔な専用の作業着に着替えさせ、本項で示した食品等取扱者の衛生管理の規定に従わせること」と定めるため、見学者を製造フロアに降ろすと全来場者・全回に完全更衣が発生する。(2) 製造設備を制御するOT系ネットワークは情報系から意図的に分離されているため、見学通路のディスプレイにライン実データを流すことは原則できず、事前収録のスケジュール再生かガイド起動型が現実解。(3) 学習指導要領（平成29年告示 解説 社会編）は小3内容(2)を「地域社会に対する理解」、小5内容(3)を「我が国の工業生産についての理解」とねらいを明記して区別しており、社会科見学の台本は2種類必要。(4) 騒音障害防止のためのガイドライン（基発0420第2号、2023年4月20日改正）の管理区分は85dB未満／85〜90dB／90dB以上で、第II管理区分以上では空気を通した音声解説が成立せず、既設ワイヤレスガイドへの連携か画面上の2言語字幕に寄せる（多言語対応も同時に解決）。ほか、承認を出す6部署（工場長・安全衛生・品質保証・情シス・法務知財・総務）と各部署の初手の質問の対応表、労働安全衛生法は労働者・作業従事者が対象で見学者を含まないため見学者ルールは社内規程であること、施工可能なのは停止期間のみで工場の保全部門と電気工事業者・高所作業車を奪い合うこと、入構手続きのため4時間SLAが成立せず現地予備機＋遠隔監視で設計すること、見学当日にラインが止まっている場合の備え、スロット間隔×団体サイズ×停止点数から同時滞在班数を出すスループット設計、ガイド随行型と自由見学型の比較表、業種別制約マトリクス（食品飲料／自動車機械／電機半導体／化学素材／航空機体整備）、子どもの団体は最も過酷なハードウェア条件で児童向けは15〜25%高くなること、カメラ計測もWi-Fi計測も使えず予約データ・アンケート・ガイド集計に限られること、撮影禁止が前提のためSNS拡散をKPIに置けないこと、予算はラインの外（ガイダンスルーム＋出口側）に置くべきこと。予算帯は800万〜1,500万円／1,500万〜3,000万円／3,000万円超、300万円未満はサイネージであってインタラクティブではない、保守は年10〜15%。投資対効果は売上ではなく広報資産として説明する（日本広報学会『広報研究』第22号 高柳直弥の査読論文、2017年3月調査 n=102 回収率34%、企業博物館の約80%が社内部署運営で所属は広報部門が最多）。工場見学の参加者数を示す公的統計は存在せず、訪日外国人消費動向調査にも工場見学のカテゴリはない点を明記。工場見学が採用に効くという国内の調査データは存在しないため効果を数値で約束しない方針。FAQ7問。日本語限定。
---
## 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