Diseño y desarrollo web · 3D
Desarrollo de páginas web 3D
Una página web 3D es una página con profundidad: cámara, luz y objetos que se mueven contigo mientras bajas. Aquí está qué es, los tipos que existen, ejemplos de las que diseño y desarrollo a mano en la Ciudad de México, y cuánto cuesta en México.
Qué es
Una página que tiene profundidad
Una página web normal es plana: texto, fotos y botones sobre una hoja. En una página web 3D hay espacio: una cámara que avanza, objetos con volumen, luz que cambia. Al bajar no se pasa a la siguiente sección, se recorre un lugar. Por eso las páginas 3D son casi siempre páginas web inmersivas: el 3D es la forma de construir el lugar, y el recorrido es lo que cuenta la historia.
Los tipos
Tres formas de hacer una web 3D
1 · 3D en tiempo real
El navegador dibuja la escena cuadro por cuadro con WebGL, así que la cámara puede ir a donde sea y todo reacciona en el momento. Es lo más flexible y lo que más oficio pide. El espacio de la home de Cauce está hecho así: los planetas, la nebulosa y el astronauta son código, no imágenes.
2 · Secuencia renderizada con el scroll
La escena se renderiza antes, como una película de cientos de cuadros, y el scroll decide cuál se ve. Da un acabado de cine con muy poco esfuerzo para el teléfono. El hangar que se abre en Pacífico Azul son 241 cuadros, y el escudo del que nacen los cedros en Cedros International School son 192.
3 · Escena 3D interactiva
Un objeto o un espacio que la persona gira, toca o explora: un producto, una maqueta, un punto de llamada a la acción. La página de Cedros cierra con una de estas escenas.
Un mismo proyecto puede combinar los tres. Lo que se elige depende de qué tiene que sentir quien entra y de cuánto debe pesar la página.
Ejemplos
Hechas por Cauce
Cauce — el estudio
Un descenso del espacio al fondo del mar. 3D en tiempo real escrito a mano.
Recorrer →Pacífico Azul
Propuesta pendiente de aprobación
Aviación privada: el hangar se abre con el scroll y un mapa traza la ruta del vuelo.
Ver el caso →Cedros International School
Pendiente de aprobación por dirección
Un colegio cuyo escudo se dibuja solo mientras bajas, y de él nacen los cedros.
Ver el caso →El precio
Cuánto cuesta en México
En Cauce se cotiza por escena. La escena principal parte de $25,000 MXN + IVA e incluye diseño a la medida, desarrollo, animación y 3D cuando el proyecto lo pide, dominio y hospedaje el primer año y tres rondas de ajustes. Las escenas que se suman después cuestan menos, porque el mundo ya está construido.
Lo que más mueve el precio en una página 3D es cuánto 3D real lleva: una transición no cuesta lo mismo que una cámara libre en tiempo real, y modelar un producto desde cero se cotiza aparte. Configuradores de producto y experiencias 3D avanzadas van como solución a medida. El desglose completo está en precios.
Para quién
Cuándo conviene y cuándo no
Conviene cuando la primera impresión decide la venta: el lanzamiento de un producto, la preventa de un desarrollo que todavía no existe, un hotel o un restaurante que se tiene que sentir antes de reservar, una marca que quiere contarse completa.
No conviene si lo tuyo es publicar artículos cada semana o un catálogo de cientos de productos que cambian solos. Ahí te sirve otra herramienta, y te lo digo desde la primera conversación.
Rendimiento
Que se vea bien y cargue rápido
- Imágenes aparte para teléfono: la secuencia del hangar de Pacífico pesa 2 MB en el celular en vez de 12.8 MB.
- Carga progresiva: la escena aparece con lo primero que llega y lo demás sigue de fondo.
- Resolución que se adapta: el 3D en tiempo real baja su calidad solo si el equipo no da para más.
- Texto que se lee sin el 3D: el contenido está en el HTML, así que buscadores y asistentes de IA lo leen completo.
- Reducir movimiento: quien lo pide en su sistema, o con el interruptor del menú, ve la página quieta.
Dudas
Preguntas frecuentes
¿Qué es una página web 3D?
Es una página donde el diseño tiene profundidad: objetos, cámara, luz y movimiento en tres dimensiones, en lugar de solo texto e imágenes planas. Puede ser 3D en tiempo real, que el navegador dibuja cuadro por cuadro; una secuencia renderizada que avanza con el scroll, o una escena 3D interactiva que se puede girar o tocar.
¿Cuánto cuesta una página web 3D en México?
En Cauce, una página con una escena principal parte de $25,000 MXN + IVA, e incluye diseño a la medida, desarrollo, animación y 3D cuando el proyecto lo pide, dominio y hospedaje el primer año y tres rondas de ajustes. Lo que va más allá de lo narrativo, como configuradores de producto o experiencias 3D avanzadas, se cotiza aparte, por escrito, antes de empezar.
¿Una página web 3D carga lento en el celular?
No tiene por qué. El teléfono recibe imágenes más ligeras que la computadora, la escena se muestra con lo primero que llega y lo demás carga de fondo, y el 3D en tiempo real baja su resolución solo si el equipo no da para más. Quien tiene activado reducir movimiento ve la página sin animación.
¿Google puede leer una página web 3D?
Sí, si se construye bien. En las páginas de Cauce el texto vive en el HTML, no dibujado dentro del 3D, así que buscadores y asistentes de inteligencia artificial lo leen completo aunque no vean la animación.
¿Necesito tener modelos 3D de mi producto?
No necesariamente. Si ya tienes renders o modelos, por ejemplo los del arquitecto o los del fabricante, se aprovechan. Hay escenas que se resuelven solo con código y luz, como el espacio de la home de este sitio. Si hace falta modelar tu producto desde cero, se cotiza aparte.
¿Quién hace páginas web 3D en México?
Cauce es el estudio de Johonatan Cordero, diseñador web en la Ciudad de México (CDMX). Diseña y programa a mano páginas web inmersivas y 3D, sin plantillas, para marcas donde la primera impresión decide la venta. Se trabaja en español y en inglés, a distancia.
Contacto
¿Tu marca se vería bien en 3D?
Cuéntamelo en una línea y te digo qué tipo de 3D le conviene. La primera conversación no cuesta.
o por correo johonatan@encauzar.com
