Construimos sitios complejos con Next.js + Three.js, interfaces de producto premium y embudos con IA, todo con animación propia. Velocidad de carga en Core Web Vitals, versión 2D para equipos antiguos y arquitectura preparada para SEO. En marcha desde 2 semanas.
Hace tres años, cualquier sitio con interactividad pesada parecía un avance. Hoy la interactividad —sea un configurador 3D, un scrollytelling o el motion design— no es un efecto sorpresa, sino una decisión de criterio. Si tu producto es complejo o premium, o quieres destacar en un sector saturado, sale rentable. Si tienes un SaaS utilitario, ese dinero rinde más en los textos.
Lujo, hoteles, automoción, inmobiliaria, joyería. El cliente espera sentir algo y pasar tiempo con el producto antes de decidir la compra.
Hardware, medtech, soluciones industriales, productos educativos. Cuando la idea se entiende mejor mostrándola en 3D que explicándola con texto.
Cuando en tu categoría «todas las agencias se parecen», un sitio con interactividad bien pensada te diferencia a primera vista.
Si la gente entra a resolver una tarea en un minuto (un enlace, un número de seguimiento, un saldo), la interactividad solo molesta.
Catálogo masivo, margen bajo por unidad. Al comprador le importan más el precio, el stock y el plazo de entrega.
Lanzar un sitio bonito y olvidarse del posicionamiento es la forma más común de tirar el presupuesto. Sin optimizar para Google y para las respuestas de IA, los clientes reales no te encuentran.
¿Encajas en alguna de las categorías de arriba? No te empujamos a pagar por 3D ni por shaders propios.
Sitios corporativos, landings, tiendas online y rediseños. Mínimo de secciones estáticas, máximo de escenas que reaccionan al scroll y al cursor.
Dashboards, aplicaciones web, CRM y productos SaaS con una interfaz premium. Al nivel de Linear, Stripe o Vercel, no un MVP sobre plantilla.
Sitio + agente de IA + CRM, conectados entre sí. El sitio interactivo atrae y califica al lead; el agente de IA lleva la conversación. El paso de la escena al chat se da sin cortar la experiencia.
El stack lo elegimos según el proyecto. Abajo, el conjunto base por defecto. El despliegue autoalojado es una opción estándar: código, recursos y lógica en tus servidores.
En los proyectos que lo piden, añadimos herramientas avanzadas sobre el stack base. Se decide en la fase de arquitectura.
Cada proyecto puede pedir algo más. Se decide en la fase de arquitectura.
La trampa típica de los sitios interactivos: precioso en el ordenador, lento en el teléfono y el buscador no ve nada. El 53% de los usuarios abandona un sitio que tarda más de 3 segundos en cargar. La velocidad de carga web y el SEO los metemos en la arquitectura desde el primer día.
La primera pantalla aparece al instante y las demás escenas se cargan a medida que bajas. Los modelos 3D pesados los comprimimos entre 5 y 7 veces sin perder calidad de imagen.
Medimos la potencia del dispositivo en milisegundos. Al potente, escena completa; al modesto, una versión simplificada. En los muy antiguos, una versión plana sin 3D.
El texto y la estructura de la página están listos antes de que arranquen los efectos pesados: el buscador ve todo el contenido. El 3D se carga encima y no estorba a la indexación.
Sin un permiso explícito, los bots no entran al sitio, aunque el SEO clásico esté bien. Damos acceso a todas las plataformas clave:
Los elementos clásicos de SEO los configuramos por defecto en cada proyecto.
Del brief a producción. El plazo depende de la profundidad de la interactividad. Una landing sencilla con 1 o 2 escenas interactivas, 2–3 semanas. Un sitio con scrollytelling completo, 4–6 semanas. Un embudo entero con IA, 6–8 semanas. Los proyectos inmersivos a medida con recursos propios, hasta 2–4 meses.
Pasa el cursor por una fila para ver los detalles de la fase.
Desmenuzamos el encargo: objetivo de negocio, ICP, contexto competitivo y requisitos de rendimiento y SEO. Armamos un mood-board (3–5 referencias justificadas) y fijamos la dirección: sitio de marketing, interfaz de producto o embudo con IA.
Creamos el sistema de diseño: tipografía, retícula, paleta de color y componentes base. Montamos el prototipo de la escena del hero como maqueta animada. Acordamos el tono de voz y el carácter de la interactividad.
Montamos la base del sitio, hacemos las animaciones y las escenas 3D, y conectamos el backend y la capa de IA si hace falta. En paralelo ajustamos la velocidad de carga, el marcado para buscadores y el acceso de los bots de IA.
Probamos velocidad y fluidez en 5 dispositivos: un iPhone de gama alta, un Android medio y uno modesto, un MacBook y un portátil Windows. Comprobamos que funcione en todos los navegadores habituales. Todas las métricas clave en verde, en el teléfono y en el ordenador.
Desplegamos el sitio en el servidor. Entregamos la documentación y formamos a tu equipo (4–6 horas). El soporte posterior, según el plan que elijas.
Todos los planes se fijan al reservar. Por encima del presupuesto, solo cambios de alcance acordados. La calculadora de ROI estima el retorno con tus datos en un minuto. Si contratas el sitio junto con SEO + GEO en paquete, hay descuento.
importe exacto, por presupuesto
importe exacto, por presupuesto
importe exacto, por presupuesto
Dos complementos al proyecto, se contratan si lo deseas.
con una conversión del 1,5%, ticket de €200 y mejora de conversión del +25% · Una estimación, no una oferta
Los cinco puntos de abajo son lo que hemos visto en decenas de proyectos de la competencia que llegan a nosotros para arreglarlos. Los esquivamos desde el primer día en cada proyecto nuevo.
La interactividad pesada sin tope acaba con una primera pantalla de 30 MB: el usuario en el móvil espera 8 segundos y cierra la pestaña. Desde el principio fijamos un tope de peso de página y de fluidez de animación, para que el sitio siga rápido también dentro de un año.
El 53% de los usuarios móviles abandona un sitio que tarda más de 3 segundos en cargar. Google · DoubleClick Mobile Speed Study
Si la interactividad pesada carga primero, el buscador no llega a ver el contenido de la página y la deja fuera de los resultados. En nuestro caso, el texto y la estructura están listos antes de los efectos: el buscador ve todo el contenido y el 3D se carga encima sin estorbar la indexación.
La escena se ve perfecta en un MacBook, pero en un Android modesto va a cinco fotogramas por segundo y se atasca. Medimos la potencia del dispositivo al arrancar y servimos el nivel de detalle adecuado: al potente, la escena completa; al modesto, una simplificada; a los muy antiguos, una versión plana sin 3D.
El diseñador diseña para el ordenador, el desarrollador programa para el ordenador y el móvil se revisa al final del proyecto, cuando toca rehacer media escena. Nosotros probamos en el móvil desde el primer día: gestos con los dedos en vez del ratón y nada de efectos al pasar el cursor por encima.
El sitio se entrega sin CMS y el responsable de marketing no puede cambiar un titular sin un desarrollador. Medio año después, los textos están desfasados. Por defecto conectamos un CMS para que tu equipo cambie textos, imágenes y banners por su cuenta. La interactividad compleja se queda en manos del desarrollador.
Las nueve preguntas que más nos hacen. Si no está la tuya, escribe directamente al CTO o a la CEO.
Sí, en una versión adaptada. Al cargar, medimos la potencia del dispositivo en milisegundos. Un teléfono actual (iPhone 14+, Android de gama alta) recibe la escena completa; uno medio, una versión simplificada; uno antiguo o modesto, una versión plana sin 3D. El contenido y las funciones son iguales en todas las variantes; solo cambia la capa visual.
Depende del enfoque. La mediana de peso de un sitio en 2025 es de 2,5–2,9 MB (datos de HTTP Archive). Una escena 3D bien optimizada suma a eso entre 0,5 y 1,5 MB: los modelos originales de Blender, de 5 a 50 MB, los comprimimos con Draco entre 10 y 20 veces sin perder calidad visual. La página final con interactividad pesa 3–5 MB, comparable a un sitio normal con fondo de vídeo o fotos grandes. Los elementos pesados se cargan después de la primera pantalla, así que el usuario no espera a toda la escena antes de ver la página.
El 3D por sí solo no sube posiciones: Google no da bonus por interactividad. Pero, con una arquitectura correcta, tampoco perjudica. El texto y la estructura de la página están en el HTML antes de que carguen los efectos pesados, así que el buscador ve todo el contenido. El 3D se carga encima y no bloquea la indexación. El marcado para buscadores y los permisos de los bots de IA se configuran por defecto. Lo importante es pasar los Core Web Vitals (LCP por debajo de 2,5 segundos): si la página los pasa, el ranking depende del contenido y los enlaces, no de si lleva 3D o no.
Sí. Conectamos un CMS por defecto: con él, marketing cambia los textos del sitio sin tener que llamar a un desarrollador.
Depende de cuánta interactividad lleve. Una landing con una pantalla 3D, 2–4 semanas. Un sitio corporativo con catálogo interactivo o configurador, 6–8 semanas. Un proyecto inmersivo totalmente a medida, con varias escenas y recursos propios, 2–4 meses. Antes de empezar fijamos un calendario con hitos: ves qué se entrega y cuándo.
Depende del alcance y de la profundidad de la interactividad. Una landing con interactividad ligera, desde €2.500; un sitio multipágina o una interfaz premium, desde €6.000; una escena WebGL completa o un embudo con IA, desde €20.000. El presupuesto exacto lo cerramos en la fase de auditoría, ajustado a tu caso y sin sobrecostes ocultos más allá del alcance acordado. La calculadora de ROI estima el retorno en un minuto. Precios sin IVA.
Sí. Aceptamos modelos de Blender, Cinema 4D, Maya y ZBrush en formatos GLTF / GLB / FBX / OBJ. Los adaptamos a la web: comprimimos la geometría con Draco (normalmente entre 10 y 20 veces sin pérdida visual) y optimizamos las texturas para que el modelo cargue rápido. Si ya tienes renders o recursos de vídeo, los integramos como capas adicionales.
Soporte — desde €500/mes: bolsa de horas para actualizaciones, ajustes y cambios periódicos; cola prioritaria, respuesta en 24 horas. La primera semana tras el lanzamiento es gratis.
Sí, pero solo cuando rehacerlo se justifica. A menudo llegan con un «reescribámoslo todo de cero» y, tras la auditoría, resulta que basta con un trabajo puntual: acelerar el sitio, rehacer la primera pantalla, adaptarlo al teléfono. Te decimos sin rodeos cuánto trabajo hace falta de verdad y no vendemos un rediseño web por vender.
Revisamos tu caso y tu sitio actual (si lo tienes), estimamos el presupuesto según el alcance y te enviamos un informe breve con una propuesta de arquitectura. Sin compromiso.
