Dove AI Skin Diagnosis

🎬 Estado 1: Video Intro

Video de fondo en loop con overlay degradado para máxima legibilidad. Incluye CTA principal "Diagnóstico AI Gratuito" y branding de N3Ad Lab.

📱 Estado 2: Interacción

Simulación de aplicación móvil con opciones para usar cámara o subir foto. Incluye animación de escaneo con feedback visual durante el procesamiento.

✨ Estado 3: Resultados

Muestra diagnóstico personalizado de la piel con recomendación de producto. CTA final de conversión con enlace a compra.

Frontend

HTML5 CSS3 Vanilla JS

• Diseño responsive dentro del contenedor fijo 300×600px
• Transiciones CSS suaves entre estados
• Animaciones personalizadas (spinner, pulse, fade)
• Paleta de colores oficial Dove

Características Técnicas

• Arquitectura de estados con sistema de navegación fluido
• Video autoplay con loop y muted para mejor UX
• Overlays interactivos con feedback visual
• Código limpio y comentado para fácil mantenimiento
• Optimizado para rendimiento y carga rápida