Skip to content
FuncionalidadesPreciosAfiliadosBlogAyudaNosotrosContacto
ComenzarIniciar sesión
Volver al Blog
industry2026-07-166 min de lectura

Vista previa AR de platos vía WebXR: 3D en navegador sin app

Cómo Dishoom Soho logró +22% en ticket medio con model-viewer. Optimización .glb bajo 200KB y hosting R2 por centavos al mes.

th

thMenu Team

thmenu.com

El restaurante indio Dishoom en Londres Soho reportó en 2024 un aumento del 22% en el ticket medio tras integrar vista previa AR vía WebXR en su menú QR. El truco: cero apps que descargar.

model-viewer.dev: una etiqueta HTML, tres plataformas

El componente open-source de Google <model-viewer> dirige .usdz a iOS Quick Look y .glb a Android Scene Viewer. Una línea de markup cubre ambos ecosistemas.

El cliente toca "Ver en tu espacio", apunta el teléfono a la mesa y el plato aparece a tamaño real. iOS 18 Quick Look soporta animación, sonido y física — vapor del biryani incluido.

Tamaño: el límite de 200KB

Cada asset 3D debe estar bajo 200KB. En 4G, 1MB toma 3–4 segundos; el usuario abandona.

  • Blender Decimate: reducir polígonos a 5K–10K.
  • gltf-pipeline: compresión Draco + KTX2. Reducción típica del 75%.
  • RealityConverter: .glb → .usdz para iOS AR Quick Look.

Hosting Cloudflare R2

200 platos × 200KB = 40MB. R2 tiene cero costos de egreso y $0.015/GB-mes — unos $0.0006/mes. thMenu Pro+ aloja modelos 3D bajo menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. Incrusta el hash en la URL; nuevos assets obtienen nuevas URLs sin purgar caché.

FAQ

¿Necesito un artista 3D? No. Polycam o RealityScan capturan un plato en 3–5 minutos desde 30–40 fotos.

¿Soportan los teléfonos antiguos? Quick Look desde iOS 12, Scene Viewer Android 7+. Cobertura superior al 92%.

¿Es gratis model-viewer? Licencia Apache 2.0. Usado por Shopify, IKEA, Pinterest.

¿Te resultó útil? Compártelo.