Saltar al contenido
Experiencias 3D Accesibilidad Blog Hablemos
EN (English)

Experiencias web 3D

3D que no pesa en tu web.

Que cargue rápido en el móvil de tu cliente, que Google lo encuentre y que lo pueda usar cualquiera. No es una promesa, es una medida: Inside the Frame, una sala 3D entera, saca 99–100 de rendimiento en el móvil.

Cuéntame tu proyecto Ver las pruebas
  • Pulido Refleja la luz: el brillo se mueve con ella.
  • Mate La absorbe: casi no cambia.
  • Estructurado La rompe: cada relieve hace su sombra.
La misma piedra con tres acabados. Mueve la luz y mira cómo responde cada uno: eso es lo que una foto no puede enseñar.
Las pruebas

El 3D tiene mala fama. Casi siempre, con razón.

Webs que tardan una eternidad en cargar, que Google no entiende y que sin ratón no hay forma de usar. Estas son las dudas que me plantean antes de encargar algo en 3D, cada una con su prueba medida. Salen de VETA e Inside the Frame, dos proyectos míos publicados que tienes justo debajo.

  • ¿Irá lenta en el móvil?

    No tiene por qué. Se construye para el móvil desde el principio: texturas a la medida de cada pantalla, el 3D se carga cuando hace falta y nada se vuelve a pintar si no se mueve.

    Inside the Frame en un móvil, según Lighthouse
    • 99–100 de rendimiento
    • < 2,5 s hasta ver el contenido principal, lo que Google considera bueno
    • < 25 KB de código para arrancar

    Medido el 10 de octubre de 2026 en sus cinco páginas: el vestíbulo y las cuatro salas.

  • ¿Me encontrará Google?

    Google no mira dentro de una escena 3D: lee texto. Así que todo lo que importa está también en HTML, con una dirección propia para cada sala o producto. El 3D va encima del texto, no en su lugar.

    Así sale una sala de Inside the Frame en Google

    artgallery360.art › wave

    Wave: Under the Wave off Kanagawa — Inside the Frame

    Katsushika Hokusai, c. 1830–32. A wall of Prussian blue rears over three fishing boats, and Mount Fuji — the subject of the whole series — is the smallest thing in the picture.

    Título y descripción reales de la página. Las cinco páginas, el vestíbulo y las cuatro salas, tienen los suyos.

  • ¿La podrá usar cualquiera?

    Sí: con ratón, con el dedo, con teclado y con lector de pantalla. Y sin tener que arrastrar, porque hay botones para girar y acercar. Los dos proyectos cumplen WCAG 2.2 AA, la norma europea de accesibilidad, y su auditoría está publicada.

    Lo que dijo NVDA, un lector de pantalla, al recorrer Inside the Frame con el teclado
    1. Room III, Stillness: 360 degrees view inside Water Lily Pond, 360 degrees view
    2. Things to look for, lista, con 3 elementos, Weeping willows, botón, expandido
    3. Rooms, botón, abre diálogo

    La web está en inglés y NVDA, en español. Grabado el 9 de octubre de 2026.

    Las dos auditorías, publicadas: VETA · Inside the Frame

  • ¿Y si el móvil o el navegador no pueden con el 3D?

    Nadie se queda fuera. Si el dispositivo no puede, la web enseña lo mismo sin 3D: VETA, el índice de las 48 superficies con sus fotos; Inside the Frame, cada obra con su descripción.

    Las dos webs en un navegador sin 3D

    • VETA sin 3D: el índice de superficies, con la foto, el nombre y el acabado de cada una.

    • Inside the Frame sin 3D: la sala Wave como texto, con la obra, su autor y sus puntos de interés.

  • ¿No mareará?

    Si tu sistema pide menos movimiento, la experiencia se queda quieta. Y lo que se mueve solo se puede pausar.

    Tu sistema pide ahora movimiento normalmenos movimiento. Si cambias el ajuste, esta página se adapta al momento.

Los proyectos

Dos proyectos en línea. Ábrelos en tu móvil.

No son encargos de clientes: los hice para demostrar que el 3D puede ser rápido, encontrable y fácil de usar para cualquiera. Están publicados, medidos y auditados.

Cuadrícula de VETA con muestras de mármol, terrazo, granito y madera ordenadas por tono.
Superficies · Catálogo 3D

VETA, atlas de superficies

El problema «En la foto parecía otro color.»

48 acabados en un mapa que se recorre como un plano. Una luz que sigue al cursor distingue el pulido del mate y del estructurado, y cada superficie se ve a escala real y colocada en una estancia 3D. Se elige antes de pedir muestras.

45 KB
de código para arrancar. Las texturas llegan después, a la medida de cada pantalla.
0
fotogramas pintados mientras no tocas nada.
48
superficies también en un índice de texto, que es lo que ve quien no tiene 3D.
WCAG 2.2 AA
17 fallos en la auditoría y 2 más después, todos corregidos y comprobados con NVDA.
Abrir VETA (se abre en una pestaña nueva) Leer su ficha de accesibilidad
Sala oscura de Inside the Frame con La gran ola de Hokusai bajo un foco, reflejada en el agua del suelo.
Cultura · Sala inmersiva 360°

Inside the Frame

El problema La colección solo la ve quien puede ir.

Cuatro cuadros de Hokusai, Hiroshige, Monet y Turner convertidos en lugares donde estar, con sonido opcional. Cada escena se describe por escrito y la vista se gira arrastrando, con el teclado o con botones.

99–100
en rendimiento de Lighthouse en el móvil, en sus cinco páginas.
< 25 KB
de código para arrancar. El panorama se descarga a la medida de cada pantalla.
5
páginas, el vestíbulo y una por sala, cada una con su título y su descripción para Google.
WCAG 2.2 AA
9 fallos en la auditoría y 1 más después, todos corregidos y comprobados con NVDA.
Abrir Inside the Frame (se abre en una pestaña nueva) Leer su ficha de accesibilidad

Rendimiento medido con Lighthouse en modo móvil el 10 de octubre de 2026.

Para quién

Una foto aplana justo lo que hace que alguien compre.

  • Si vendes superficies, materiales o producto

    Cerámica, piedra, madera, mobiliario

    En una ficha con foto todo se parece. El pulido y el mate salen iguales, el tono cambia con cada pantalla y nadie se hace una idea del tamaño. Tu cliente pide muestras para salir de dudas, o se va a mirar a otra parte.

  • Si cuidas una colección, un patrimonio o un destino

    Museos, fundaciones, galerías, ayuntamientos y oficinas de turismo

    La colección solo la ve quien puede ir, y en horario. Una galería de fotos no transmite lo que se siente dentro de una sala. Y si eres un organismo público, tu web tiene que ser accesible por ley (RD 1112/2018).

Cómo trabajo

Primero algo que puedas tocar. Luego, lo demás.

  1. Entiendo qué tiene que enseñar

    Antes de modelar nada, hablamos de qué tiene que entender quien entra (un acabado, una escala, un recorrido) y de qué material tienes. Con eso claro, te paso un presupuesto cerrado, con precio y plazo.

  2. Prototipo en el navegador

    Te enseño una primera versión que funciona, no un render ni una presentación. Decides sobre algo que puedes probar en tu móvil.

  3. Lo construyo y lo pruebo

    Lo termino y lo pruebo en móvil, con teclado y con lector de pantalla, como en las fichas de VETA e Inside the Frame. Te lo entrego integrado en tu web o como página propia.

Lo práctico

Antes de pedir presupuesto.

¿Cuánto cuesta?

Depende de lo que haya que enseñar: no es lo mismo un visor para un producto que un catálogo de doscientos acabados o una sala con sonido. Por eso no hay tarifa: después de una llamada te paso un presupuesto cerrado, con precio y plazo.

¿Cuánto tarda?

Depende mucho del tipo de proyecto. El plazo va en el presupuesto, junto al precio, así que lo sabes antes de decidir.

¿Qué necesito darte?

Lo que tengas. Si ya tienes fotos, escaneos o modelos 3D de tu producto, perfecto: partimos de ahí. Si no, lo hago yo. Y si hay algo que no puedo hacer, te lo digo antes de empezar.

¿Se integra en mi web?

Sí. Te lo entrego integrado en tu web o como una página propia.

¿Podré añadir productos o cambiar cosas después?

Sí, de una de dos maneras: con un gestor de contenidos (CMS), para que lo actualices tú, o con un mantenimiento en el que me encargo yo. Lo decidimos al hacer el presupuesto.

¿Me obliga la ley a que sea accesible?

Si eres un organismo público, sí: lo exige el RD 1112/2018. Si eres una empresa, depende de lo que vendas y de tu tamaño. Lo que yo te entrego cumple WCAG 2.2 AA en cualquier caso. Compruébalo en siete preguntas →

¿Y si el 3D no me aporta nada?

Te lo digo en la primera llamada. Si tu producto se entiende igual de bien con una buena foto, no necesitas 3D, y no te lo voy a vender.

CONTACTO

¿Qué quieres enseñar?

Cuéntame qué vendes o qué quieres mostrar, y a quién. Te digo si el 3D tiene sentido para ti o si te sobra. Sin compromiso, sin PowerPoints, sin humo.

Te respondo en menos de 24 horas. Días laborables.

Disponible para nuevos proyectos