¿Cuándo vale la pena una página web 3D?
Una escena en tiempo real justifica su costo cuando la acción de la persona cambia lo que entiende: girar un producto para ver cómo encaja, recorrer un edificio o un paisaje, comparar lugares o explorar un sistema que se entiende mejor en el espacio. Si el punto de vista y el orden son fijos, un video o una secuencia de cuadros prerenderizados es más sencillo de producir y probar, y también puede verse cinematográfico.
El 3D suele encajar en vitrinas de producto, narrativa espacial o arquitectónica, divulgación científica y mundos de marca inmersivos para un lanzamiento. Si la animación y el scroll bastan sin una escena navegable, el desarrollo web creativo es la ruta más liviana; los mapas y dashboards basados en datos corresponden a visualización de datos.
Qué incluye un proyecto de sitio web interactivo 3D
La propuesta define qué entregables entran, quién crea o aporta los recursos 3D y cómo se acepta cada uno.
- Brief narrativo y de interacción: qué se explora, en qué orden y qué hace la persona después
- Plan de recursos 3D: modelos que aportas, recursos con licencia o modelado nuevo, preparados como archivos glTF comprimidos
- Prototipo en navegador con controles de mouse, táctiles y de teclado en un celular y un escritorio acordados
- Contenido en HTML legible y un recorrido con movimiento reducido para la misma historia
- Aceptación de rendimiento, dispositivos y alternativa, más entrega de archivos fuente y licencias
Janus Observatory: una interfaz 3D para diez futuros posibles
Janus Observatory es un proyecto desarrollado con Blue Marble Space en el que Dardo convirtió una estructura de investigación especulativa en un recorrido cinematográfico en el navegador. Diez futuros crean un problema de navegación: una lista perdería la premisa espacial y una secuencia 3D continua dificultaría comparar. Por eso la experiencia va por capas: una apertura cinematográfica crea atmósfera, un atlas muestra el conjunto y un observatorio permite una lectura más cercana, con rutas de regreso que no obligan a repetir la introducción.
La capa 3D establece escala y diferencia entre mundos, mientras etiquetas, estado de navegación y explicaciones escritas llevan la información fuera de la escena. La aceptación pregunta si la persona puede nombrar el mundo actual, volver al atlas y seguir después de una alternativa de renderizado; la tasa de cuadros no responde eso. El proyecto se sostiene con presupuestos de carga, pruebas en navegador y controles de regresión visual al publicar. Los escenarios son exploratorios, no pronósticos, y no se afirma aprendizaje ni participación medidos.
Rendimiento y SEO en páginas web 3D
Los buscadores no leen lo que se dibuja dentro de un canvas, así que título, textos, enlaces y metadatos se entregan en HTML antes de que cargue la escena. Una imagen fija ocupa su lugar, el espacio queda reservado para que nada salte y el código 3D carga después del primer contenido. Si un estado de la experiencia merece aparecer en búsquedas, recibe su propia URL.
Medimos el rendimiento con los recursos reales y en los dispositivos acordados, sin prometer una cifra universal de cuadros por segundo. Registramos la carga, una interacción representativa, la memoria cuando importa y la degradación visual aceptable en celulares de gama media, con los umbrales de Core Web Vitals de Google como meta. No garantizamos posiciones; nos aseguramos de que la capa 3D no se interponga entre tu contenido y el buscador.
Alternativas, movimiento reducido y accesibilidad
La persona debe entender la oferta aunque reduzca el movimiento, se pierda el contexto gráfico o su dispositivo no sostenga la escena. La alternativa puede ser una imagen, un video corto o un diseño de contenido común, y debe conservar la decisión, no mostrar un error. Con movimiento reducido, los vuelos de cámara se vuelven cortes o pasos que la persona controla, y las partes interactivas tienen controles de teclado y foco visible.
Qué define el precio de un sitio web 3D
El costo de un sitio 3D depende de la producción de recursos originales, la cantidad de escenas y estados interactivos, la animación, la programación gráfica, los dispositivos y las pruebas. Recibir el modelo de un producto y crear un entorno original son puntos de partida muy distintos aunque ambos terminen en una sola página; por eso la cotización separa dirección de arte, modelado o recursos con licencia, animación, programación, contenido, audio y soporte de lanzamiento.
El primer hito es una pequeña parte funcional en un celular y un navegador de escritorio acordados, con texto real, un recurso representativo y la interacción real. Revela problemas de navegación, peso y tiempo de cuadro antes de producir el resto. La propuesta también nombra quién podrá cambiar contenido y modelos después del lanzamiento. Dardo es un equipo de tres personas en Bogotá, liderado por su fundador, Nicolás Cerón, que trabaja de forma remota en español o inglés.
Preguntas antes de elegir
¿Cuánto cuesta una página web 3D?
Depende sobre todo de la producción de recursos y de la cantidad de escenas. Un alcance 3D se cotiza cuando sabemos si los modelos existen, cuántas escenas y estados interactivos se necesitan y qué dispositivos se deben soportar. Los rangos del formulario de contacto, desde menos de 5.000 USD hasta más de 60.000 USD, ayudan a dimensionar la primera propuesta.
¿Las páginas web 3D afectan el SEO?
No, si el contenido vive en HTML. Los buscadores no leen lo que se dibuja dentro de un canvas WebGL, así que título, textos, enlaces y metadatos deben estar en la página como contenido normal y la escena debe cargar después. Construida así, una página 3D se rastrea como cualquier otra; los riesgos que quedan son la carga lenta y los saltos de diseño, que probamos antes de publicar.
¿Una web con Three.js funciona en el celular?
Sí, cuando la escena se construye para celulares en vez de reducir una demo de escritorio. Eso implica modelos y texturas comprimidos, resolución de renderizado limitada, renderizar solo cuando algo cambia y una versión más liviana para equipos modestos. Probamos en un celular acordado desde la primera parte funcional, para que los límites móviles orienten el diseño y no aparezcan como sorpresa al lanzar.
¿Todo sitio web 3D necesita WebGL?
No. La técnica depende de la tarea. Si la persona debe cambiar el punto de vista o manipular un objeto, los gráficos WebGL en tiempo real suelen ser la opción correcta. Una narrativa fija puede usar cuadros prerenderizados o video con una capa de contenido más ligera, que es más barata de producir y más fácil de mantener rápida.
¿Quién crea los modelos 3D?
Cualquiera de las partes, y la propuesta lo deja claro. Puedes aportar modelos existentes de tu producto que hay que preparar para la web, podemos usar recursos con licencia o el alcance puede incluir modelado nuevo. Cada ruta cambia costo y tiempos. Sea cual sea el origen, acordamos formatos, presupuestos de polígonos y texturas, y quién es dueño de los archivos fuente y las licencias.
¿Cuánto tiempo toma desarrollar una página web 3D?
No hay una duración fija: depende de la producción de recursos, la cantidad de escenas y las rondas de revisión. Fijamos el calendario en la propuesta después de definir la primera parte funcional, porque esa parte revela lo que suele mover las fechas, como modelos pesados o interacciones que hay que repensar para pantallas táctiles. Cuéntanos desde el inicio si tienes fecha de lanzamiento.
¿Se puede agregar una escena 3D a mi página web actual?
Muchas veces, sí. Una sola sección 3D, como un visor de producto o una escena de apertura, se puede sumar a un sitio existente si su tecnología permite cargar la escena después del contenido. Primero revisamos el sitio actual y luego definimos la escena, su alternativa y su presupuesto de rendimiento como un trabajo acotado que se acepta por separado.
Desde el blog
- Páginas web 3D: 10 ejemplos, cómo se hacen y cuándo valen la pena
10 ejemplos de páginas web 3D y cómo está hecha cada una, cómo poner un modelo 3D en tu sitio, qué creadores sirven y cómo hacer que una página 3D sea rápida.
Herramientas gratuitas
- Demo de configurador 3D
Configura en 3D un estante modular ficticio y mira cómo sus medidas, su lista de piezas y un precio de ejemplo siguen cada elección. Expórtalo en .glb o míralo en RA.
