Diseño web

Ultra

Webs cinematográficas. Como las páginas de producto de las grandes marcas, hecha para la tuya.

Animaciones ligadas al scroll, objetos 3D en tiempo real, tipografía cinética y 100 en rendimiento. Cada scroll cuenta algo.

Escena 1 · Movimiento

Cada scroll, una escena.

orbeDiseñoSaludTiendaComprar
Siente cada latido.
El anillo que escucha tu cuerpo. Sin pantalla, sin ruido, siete días de batería.
ReservarVer especificaciones
PulsoLatido a latido, las 24 horas.
SueñoFases, pulso en reposo y temperatura.
BateríaSiete días. Carga completa en 40 minutos.
0días de batería
0gramos
0metros bajo el agua
Orbe. Reserva el tuyo.Reservar
Titular palabra a palabraCada palabra entra con 60 ms de desfase, se enfoca y se asienta. Tipografía variable, sin imágenes.transform · opacity · filter
Objeto 3D en tiempo realEl producto se enfoca y crece según bajas. Se compone en la GPU, sin tocar el hilo principal.WebGL · preserve-3d · 120 fps
Entrada coreografiadaTres piezas, tres tiempos. Curvas de aceleración propias, no las del navegador.cubic-bezier(.2,.7,.2,1)
Desplazamiento ligado al scrollLa página de dentro avanza con tu dedo, de 0 a 100 %, sin saltos ni esperas.scroll-driven · scrub
Cifras que cuentanLos números suben al llegar a ellos. Formato español, tabulares, sin parpadeos.tabular-nums · requestAnimationFrame
Escena 2 · Profundidad

Una web con capas. Como un objeto.

Siente cada latido.
LuzReflejos y profundidad
InterfazComponentes y micro-interacciones
TipografíaFuente variable, cinética
Objeto3D en tiempo real con WebGL
FondoMalla de degradado y grano
Cinco capas, cinco velocidades. Cada una se compone por separado en la GPU, a 120 Hz. Lo que se percibe no es una página: es un objeto que reacciona.
Escena 3 · Rendimiento

Espectacular. Y aun así, 100.

0Rendimiento · Lighthouse, móvil
LCP
3,8 sMayor elemento pintado
Bueno
CLS
0,42Estabilidad visual
Bueno
INP
420 msRespuesta a la interacción
Bueno
Medido en móvil, con red 4G simulada, antes de entregar. Imágenes AVIF, fuentes variables, HTTP/3 y CDN en el borde. Nada se descarga hasta que hace falta.
Especificaciones

Lo que lleva dentro una Ultra.

Tecnología de página de producto, al servicio de tu marca. Todo propio: sin plantillas, sin constructores, sin plugins.

Movimiento
Animaciones ligadas al scrollEscenas que avanzan con el desplazamiento (Scroll-driven Animations), secuencias de fotogramas, transiciones entre páginas con la View Transitions API y micro-interacciones con física de muelle. A 120 fps en pantallas ProMotion.
Imagen y 3D
Objetos 3D en tiempo realWebGL y WebGPU con shaders propios, modelos glTF comprimidos, mallas de degradado, vídeo HDR ligado al scroll y partículas. Siempre con una alternativa estática para dispositivos modestos.
Tipografía
Cinética y variableFuentes variables con ejes de peso y anchura, titulares que entran palabra a palabra, kerning óptico y jerarquía pensada para leerse igual a 390 píxeles y en una pantalla 5K.
Rendimiento
100 en LighthouseGeneración estática, imágenes AVIF y WebP con tamaños por dispositivo, fuentes subconjuntadas, HTTP/3, CDN global y precarga predictiva. Core Web Vitals en verde como requisito de entrega, no como objetivo.
Accesibilidad
WCAG 2.2 AAContraste verificado, navegación por teclado, lectores de pantalla y respeto a «reducir movimiento»: quien lo prefiere ve la web quieta, igual de bonita.
Posicionamiento
Indexable al 100 %HTML completo generado en servidor, datos estructurados JSON-LD, Open Graph, sitemap y canónicas. El espectáculo no se come el posicionamiento: lo mejora, porque la web vuela.
Compatibilidad
Todos los dispositivosSafari, Chrome, Edge y Firefox; iPhone, iPad, Android, Mac y Windows. Probada en más de 30 combinaciones reales antes de publicarse.
Entrega
Código propio, tuyoDirección de arte, guion de scroll, prototipo en movimiento, desarrollo a medida, gestor de contenidos si lo necesitas y 6 meses de garantía. Alojada en nuestros servidores o en los tuyos.
Cómo se hace

Se escribe antes de diseñarse.

Una Ultra se concibe como una película: primero el guion, después la imagen y, al final, el código. De seis a diez semanas, según el alcance.

Semana 1

Guion de scroll

Antes de diseñar, escribimos qué pasa en cada pantalla, como el guion de una película: qué entra, qué se queda y qué cuenta cada escena.

Semanas 2 y 3

Dirección de arte

Tipografía, color, luz y objetos. Un prototipo en movimiento que apruebas antes de que escribamos una línea de código.

Semanas 4 a 8

Desarrollo

Motor de escenas propio, 3D, shaders y vídeo. Código a medida, sin plantillas ni constructores, medido a cada paso.

Últimas dos semanas

Afinado y medición

Pruebas en dispositivos reales, 120 fps, Core Web Vitals en verde y accesibilidad. Lo medimos delante de ti antes de publicar.

Comparativa

Diseño web o Diseño web Ultra.

Las dos son a medida y las dos las hace el mismo equipo. La diferencia está en lo que pasa cuando alguien baja por la página.

Diseño webWebs profesionales con project managerVer Diseño web
Diseño web UltraWebs cinematográficas, tipo página de productoPedir presupuesto
DiseñoA medida, con project managerA medida, con dirección de arte y guion de scroll
MovimientoTransiciones y aparicionesEscenas ligadas al scroll, secuencias y física de muelle
3D y vídeoImágenes y vídeo incrustadoObjetos 3D en tiempo real, WebGL y vídeo ligado al scroll
TipografíaLa fuente de tu marcaVariable y cinética, titulares palabra a palabra
RendimientoOptimizada para Google100 en Lighthouse como requisito de entrega
PruebasResponsive en móvil, tablet y escritorioMás de 30 dispositivos reales, de 390 píxeles a 5K
PlazoDesde 30 días laborablesDe seis a diez semanas
PrecioPlanes cerradosPresupuesto a medida
Ya lo hacemos así

Lo que acabas de ver es una Ultra.

Esta página está hecha con la misma técnica que te proponemos: escenas ligadas al scroll, objetos 3D y 100 en rendimiento. Y estos dos casos también.

Presupuesto

Hablemos de tu Ultra.

Cuéntanos qué quieres lanzar y a quién tiene que impresionar. Te llamamos, te enseñamos más ejemplos y te preparamos una propuesta cerrada con guion, calendario y precio. Sin compromiso.

Cada Ultra se presupuesta a medida según las escenas, el 3D y el contenido. Respuesta en menos de 24 h laborables.

Quiero una web UltraSin compromiso · Respuesta en 24 h
+
Agenda una sesión con nuestro equipo :)
Al enviar aceptas la política de privacidad y las condiciones de comunicación, que incluyen el uso de inteligencia artificial y voz sintética.
Preguntas frecuentes

Lo que nos preguntan antes de pedir una Ultra.

¿Qué diferencia una web Ultra de una web «normal»?

Una Ultra se concibe como una película: tiene guion, dirección de arte y escenas que avanzan con el scroll. Lleva objetos 3D en tiempo real, tipografía cinética y vídeo integrado, con código propio y medido. Una web convencional comunica; una Ultra, además, impresiona.

¿Tanto efecto no la hace lenta?

No. El movimiento se compone en la tarjeta gráfica con transform, opacity y filter, y nada se descarga hasta que hace falta. Entregamos con 100 en rendimiento de Lighthouse y los Core Web Vitals en verde, medidos en móvil con red 4G simulada.

¿Se ve igual de bien en el móvil?

Sí. Cada escena tiene su versión para pantallas de 390 píxeles, con el mismo guion y el mismo cuidado. La mayoría de las visitas llegan desde el móvil y es donde más la probamos.

¿Perjudica al posicionamiento en Google?

Al contrario. El HTML se genera completo en el servidor, con datos estructurados, canónicas y sitemap. Google ve una web rápida y bien estructurada; el espectáculo lo ve la persona.

¿Cuánto cuesta y cuánto se tarda?

Cada Ultra se presupuesta a medida según el guion, el número de escenas y el 3D. El plazo habitual está entre seis y diez semanas. Te damos una propuesta cerrada en menos de 24 h laborables.

¿Puedo actualizar yo el contenido?

Sí. Si lo necesitas, integramos un gestor de contenidos para textos, imágenes y noticias sin tocar las escenas. Y con un plan Evolution nos ocupamos nosotros de todo lo demás.

¿Y si ya tengo web?

Podemos hacer una Ultra para un lanzamiento concreto (un producto, un evento, una campaña) que conviva con tu web actual, o rehacerla entera. Lo vemos juntos en la primera sesión.

Hablemos

Cuéntanos qué haces todavía a mano.

Una sesión gratuita de 20 minutos. Entendemos tu negocio y te decimos, sin compromiso, cómo lo haríamos y cuánto costaría.

Alberto, Ana y LauraTe responden en menos de 24 h laborables.
O llámanos gratis al 900 878 305
Agenda una sesión gratuita y analizamos lo que necesitas.