Servicios
Sitios web 3D y WebGL
Ya estás viendo uno. La página detrás de este texto mueve 110,000 partículas calculadas en vivo en tu tarjeta gráfica, cambiando de forma ocho veces mientras te desplazas. No hay ningún video. Mueve el cursor y las partículas se apartan.
Esa es la propuesta, y es también el portafolio.
Qué es esto realmente
3D en tiempo real sobre la web abierta, con WebGL, three.js y shaders GLSL propios. Funciona en cualquier navegador moderno sin complementos, sin app y sin instalar nada — una dirección que abre y se mueve.
Trabajos típicos:
- Configuradores de producto donde el cliente gira la pieza y la modifica
- Experiencias de marca que se despliegan al desplazarse en vez de solo pasar
- Visualizaciones de datos y procesos que de verdad ocupan espacio
- Portadas que hacen que una página se sienta un lugar y no una hoja
Por qué casi nadie construye esto
El 3D en tiempo real para web exige habilidades que la mayoría de los equipos web no tiene: programación de shaders, análisis de rendimiento de GPU, optimización de modelos y diseño de interacción espacial. Las estimaciones de la industria ponen la proporción de agencias con esas capacidades por debajo del 3%.
Mientras tanto la demanda dejó de ser un nicho. El mercado de servicios de diseño web 3D ronda los $4.07 mil millones en 2026 y se proyecta a $16.29 mil millones para 2035 — un crecimiento anual compuesto del 16.5% — porque las GPU de los celulares por fin dan para esto.
Esa distancia entre demanda y oferta es toda la oportunidad, para ti y para nosotros.
El video es la alternativa, y es peor
Casi todos los sitios "inmersivos" de agencia son un MP4 en bucle. Tres razones por las que es la respuesta equivocada:
| Video pregrabado | WebGL en tiempo real | |
|---|---|---|
| Responde al usuario | No | Sí — cursor, scroll, clic, inclinación |
| Peso | 5–50 MB por unos segundos | Menos de 300 KB toda la escena |
| Cambiarlo después | Volver a renderizar y subir | Cambiar un número |
| Costo de datos en celular | Alto | Bajo |
Un video de una experiencia es la foto de una cosa. La cosa misma cuesta menos.
El rendimiento es lo difícil, y es lo que hacemos
Cualquiera puede poner un modelo girando en una página. Mantener 60 cuadros por segundo en un Android de hace tres años y pasar Core Web Vitals al mismo tiempo es la ingeniería de verdad.
En la práctica: geometría instanciada, animación calculada en la GPU para que el procesador nunca toque las matemáticas por partícula, agrupación agresiva de llamadas de dibujo, detección del nivel del dispositivo para bajar la cantidad de partículas en equipos débiles, y una regla firme: la capa 3D nunca bloquea la primera pintura ni la respuesta al toque.
Este sitio trae un interruptor de movimiento y respeta prefers-reduced-motion, porque
una experiencia que marea es una experiencia fallida.
Cuánto cuesta
Los proyectos 3D y WebGL van normalmente de $12,000 a $35,000 USD según cuánto shader propio y cuánta producción de modelos incluyan. Una sola portada 3D dentro de un sitio convencional queda en el extremo bajo. Un configurador completo con modelos a la medida queda en el alto. Ve precios.
Preguntas frecuentes
¿Funciona en celulares? Sí, y tiene que funcionar. Construimos con un sistema de niveles de dispositivo que reduce la escena en GPU débiles en vez de tragarse cuadros. Si un teléfono no puede moverlo bien, recibe una versión más ligera, no una rota.
¿Es malo para el SEO?
No como lo construimos nosotros. Todo el texto de este sitio es HTML real dentro del
documento — los buscadores y los motores de respuesta con IA lo leen sin ejecutar una
sola línea de JavaScript. La capa 3D es un <canvas> al lado del contenido, no en lugar
de él.
¿Y la accesibilidad?
El canvas está marcado aria-hidden, todo el contenido se puede leer y navegar sin él,
el movimiento respeta prefers-reduced-motion y hay un interruptor visible. Un sitio 3D
que solo sirve para un tipo de cuerpo es un sitio roto.
¿Ustedes hacen los modelos 3D? Producimos geometría procedural y generada en casa. Para modelos de producto realistas trabajamos con tu CAD existente o sumamos a un modelador — cotizado aparte para que veas el costo.
¿Se puede añadir a un sitio que ya tengo? Casi siempre sí. Una sección WebGL independiente se puede insertar en una página existente. Revisamos primero el presupuesto de rendimiento de esa página, porque agregar 3D a un sitio ya lento solo lo hace más lento.
Última actualización