10Landing Page2026Solo — design and build
Lumora — AI Analytics Landing Page
An animated SaaS landing page for a fictional AI product-analytics platform, in light and dark.
Private repo
The problem
A SaaS landing page is the easiest thing to make look generic: buy a template, drop in stock screenshots of a dashboard that does not exist, ship. I wanted one that carries its own weight — every visual drawn rather than photographed, and a light theme that is a real design rather than the dark one with the colours flipped.
Decisions
01
No images at all
The dashboard mock, the churn chart, the integration orbit and the logos are CSS and SVG. The page ships no image weight, which is also why it stays fast on a phone.
02
Two languages with real negotiation
Ukrainian and English, chosen from the browser's own preference on first visit, with per-locale metadata and hreflang rather than a flag that swaps strings client-side.
03
One schema validates the form twice
The same schema runs in the browser for instant feedback and again in the API route, because client-side validation is a convenience, not a guarantee. The form's code is only fetched once its section nears the viewport.
What I measured
88
Lighthouse mobile
with 100 for accessibility, best practices and SEO
0
image requests
every visual is CSS or SVG
Built with
- Next.js
- TypeScript
- Tailwind CSS
- Motion