03 · Landing Pages
SaaS landing page Flux
High-conversion landing page for Flux, a fictional AI automation SaaS platform. Monochromatic high-fidelity design with scroll-triggered animations, animated metrics, interactive pricing table and premium responsive experience.
- Category
- Landing Pages
- Type
- Personal project
- Stack and scope
- HTML
- CSS
- JavaScript
- Landing Page
- SaaS
- Diseño Web
- Animaciones
- IntersectionObserver
- Sistema de Diseño
- Mobile-First
The project
Complete landing page for a fictional SaaS product called "Flux", designed as a portfolio piece to demonstrate high-quality frontend design and development without external dependencies.
The page includes a hero with interactive flow editor mockup, features section with animated iconography, numerical metrics with scroll-triggered counters, fictional client testimonials, three-tier pricing table with monthly/yearly toggle, FAQ section, and final CTA with registration form.
Built entirely with vanilla HTML, CSS and JavaScript — no frameworks, no libraries, no build tools. Animations use IntersectionObserver for scroll reveal and requestAnimationFrame for smooth number counters. Mobile-first design with a monochromatic palette from black to white through grays.
Have something similar in mind?
Let's talk