Precio claro desde el inicio
En todos los planes
Un pago único de desarrollo y una cuota mensual fija con hosting, mantenimiento, actualizaciones y soporte. Desde el primer día sabes lo que pagas.
La necesidad
No es un proyecto de cliente, sino una demo conceptual propia de Kantex. Objetivo: mostrar cómo se siente una web cuando tu scroll dirige la película, en lugar de recorrer bloques sueltos.
Un taller de tintado y wrap es un buen ejemplo: el visitante quiere ver la diferencia entre niveles de tintado y colores antes de pedir cita.
Nuestra solución
Al desplazarte se reproduce una secuencia de imágenes a pantalla completa fijada en pantalla: un SUV pasa de cristal transparente a oscurecido total y después un sedán cambia cuatro veces de color de wrap. Las secuencias se dividen en 8 pasos (tintado) y 6 pasos (wrap).
Alrededor de la secuencia hay un estudio de tintado y un estudio de color, una calculadora de precios, paquetes, preguntas frecuentes y una ventana de reserva. Todos los textos, precios y pasos están en un único lugar del código.
Técnica: Nuxt 4, Vue 3, Tailwind CSS 4, GSAP (ScrollTrigger y SplitText), Lenis para el scroll suave y Three.js para reproducir los fotogramas. No hay backend. Un script convierte un vídeo en fotogramas.
El resultado
La demo está en línea en kantex-3d-car-scroll.vercel.app. Es un concepto: los precios son de ejemplo y el formulario de reserva no envía nada.
No hay resultados de clientes, cifras de ventas ni reservas reales; es un escaparate de lo que Kantex puede hacer con una web scroll.
Tecnologías utilizadas
- Animación guiada por el scroll
- Nuxt 4
- Vue 3
- Tailwind CSS 4
- GSAP (ScrollTrigger, SplitText)
- Lenis
- Three.js
- Demo conceptual, sin backend