Caso técnico · Experiencia cinematográfica
NACAR v2.3
Una landing dental convertida en un recorrido cinematográfico: nueve capítulos avanzan con el scroll y conducen cada decisión hacia WhatsApp.
Qué es
NACAR v2.3 es una demostración de landing para un estudio dental. Traduce el principio de que el nácar se forma capa por capa en una experiencia donde la confianza también se construye por etapas, desde la primera impresión hasta el contacto.



Qué demuestra técnicamente
- Recorrido por scroll. Una scroll sequence de 264 fotogramas reales por tamaño —1440 px en escritorio y 720 px en móvil— avanza sobre canvas a través de nueve capítulos, con clip continuo.
- Conversión integrada y accesible. Cada capítulo mantiene una llamada a la acción hacia WhatsApp sin interrumpir la narración, y las trece se alcanzan con el teclado.
- Modo quieto completo. El interruptor de movimiento permite cambiar de modo y, con
prefers-reduced-motion, la misma historia se presenta como nueve láminas estáticas. - Control y contraste accesibles. El control comunica su estado con
aria-pressedy el rótulo de cada capítulo se mide contra su fondo real en las 36 combinaciones de modo y tamaño: 6.57:1 en la lectura más conservadora. - Estabilidad por dispositivo. Cada tamaño usa su propio set de fotogramas, servido con caché inmutable y versionado por huella, y el pin parte con CLS 0.
Qué cambió en la v2.3
- Entrada móvil de 2.46 MB. Los 264 fotogramas se recodificaron con una sola receta por tamaño: la primera carga en móvil bajó de 3.37 MB a 2.46 MB, medida sobre el cuerpo real de cada respuesta y no sobre cabeceras.
- Caché inmutable con fotogramas versionados. Cada fotograma se sirve un año con
immutabley una huella del set en la dirección, así que una versión nueva se ve al instante sin dejar caché vieja pegada. - 13 de 13 llamadas a la acción con teclado. Antes sólo cinco de trece enlaces a WhatsApp se alcanzaban con el tabulador en modo animado; ahora se alcanzan las trece, en escritorio y en móvil.
- CLS 0. Cero desplazamiento de contenido en los seis tamaños medidos, con la puerta de calidad exigiendo 0.1 como máximo.
- Contraste del rótulo desde 6.57:1. La medición ya no fuerza estados: navega a cada capítulo y lee el rótulo tal como se ve, muy por encima del 4.5:1 que pide la norma.
Stack
- Vite
- TypeScript
- GSAP ScrollTrigger
- Canvas
Resultado medido
Aprobada con reservas, 8.4/10 en revisión independiente del 15-sep. En producción la v2.3 mide CLS 0 en los seis tamaños, una entrada móvil de 2.46 MB, contraste mínimo de 6.57:1 en los rótulos y 13 de 13 llamadas a la acción alcanzables con teclado. La revisión deja dos cosas abiertas y aquí quedan escritas: en modo quieto el título y el texto del capítulo 03 se quedan por debajo del mínimo de contraste, y la primera visita tras un despliegue nuevo tarda 3.5 s en pintar (la mediana es de 892 ms en móvil).
Qué capacidad de ASCK demuestra
NACAR v2.3 demuestra cómo convertir una identidad visual en interacción medible y auditable: movimiento progresivo, alternativa quieta equivalente, respuesta adaptada por pantalla y un camino de conversión presente durante toda la experiencia.
NACAR es una demo de sector. La clínica es ficticia y cualquier cifra o reseña dentro de la demostración es ilustrativa. La ficha no las reproduce.