03 · Landing Pages
Landing page SaaS Flux
Landing page de conversión para Flux, una plataforma SaaS ficticia de automatización con IA. Diseño monocromático de alta fidelidad con animaciones scroll-triggered, métricas animadas, tabla de precios interactiva y experiencia responsive premium.
- Categoría
- Landing Pages
- Tipo
- Proyecto personal
- Stack y alcance
- HTML
- CSS
- JavaScript
- Landing Page
- SaaS
- Diseño Web
- Animaciones
- IntersectionObserver
- Sistema de Diseño
- Mobile-First
El proyecto
Landing page completa para un producto SaaS ficticio llamado "Flux", diseñada como pieza de portafolio para demostrar capacidad de diseño y desarrollo frontend de alta calidad sin dependencias externas.
La página incluye hero con mockup interactivo de editor de flujos, sección de funcionalidades con iconografía animada, métricas numéricas con contadores animados al scroll, testimonios de clientes ficticios, tabla de precios con tres tiers y toggle mensual/anual, sección de FAQ, y CTA final con formulario de registro.
Construida íntegramente con HTML, CSS y JavaScript vanilla — sin frameworks, sin librerías, sin build tools. Las animaciones usan IntersectionObserver para scroll reveal y requestAnimationFrame para contadores numéricos suaves. El diseño es mobile-first con una paleta monocromática que va del negro al blanco pasando por grises.
¿Tenés algo parecido en mente?
Hablemos