Landing Pages for SaaS and AI Tools (Designed and Shipped)Raafi G
Most AI landing pages have the same problem: you can't screenshot an agent.
A dashboard photographs well: you see the data, you get it. But an agent's value is temporal. It does something, over time, on someone's behalf. A static chat bubble in a hero section demonstrates nothing, which is why every AI site looks the same: gradient, "meet your assistant," a mockup that could belong to anyone.
The fix isn't a better mockup. It's putting the product's real output on the page: not a description of what it does, but the thing it did.
I design and build landing pages for SaaS and AI products. I also design the products themselves, which means the site and the app end up telling the same story instead of two different ones.
What's included
Positioning first
One direction, argued; what the page claims, what it proves, what it cuts. Landing pages fail at the headline, not the hero image. You approve the thinking before I spend your budget on pixels.
The full page
Hero through footer, desktop and mobile. Every state, not just the marketing shot: hover, loading, empty, error, the form after someone actually submits it.
A system underneath
Type scale, tokens, components. Your next three pages take days instead of weeks.
Built, not just drawn
I ship front-end (HTML/CSS/Tailwind) or Framer. You get a live URL — not a Figma file and a hiring problem.
FAQs
Example work
Starting at$2,500
Duration2 weeks
Tags
Figma
Framer
AI
Landing Page
Product Designer
UI Designer
Web Designer
Web Developer
SaaS
Service provided by
Raafi G Malang, Indonesia
- 1
- Paid projects
- 5.00
- Rating
- 2
- Followers
Landing Pages for SaaS and AI Tools (Designed and Shipped)Raafi G
Starting at$2,500
Duration2 weeks
Tags
Figma
Framer
AI
Landing Page
Product Designer
UI Designer
Web Designer
Web Developer
SaaS
Most AI landing pages have the same problem: you can't screenshot an agent.
A dashboard photographs well: you see the data, you get it. But an agent's value is temporal. It does something, over time, on someone's behalf. A static chat bubble in a hero section demonstrates nothing, which is why every AI site looks the same: gradient, "meet your assistant," a mockup that could belong to anyone.
The fix isn't a better mockup. It's putting the product's real output on the page: not a description of what it does, but the thing it did.
I design and build landing pages for SaaS and AI products. I also design the products themselves, which means the site and the app end up telling the same story instead of two different ones.
What's included
Positioning first
One direction, argued; what the page claims, what it proves, what it cuts. Landing pages fail at the headline, not the hero image. You approve the thinking before I spend your budget on pixels.
The full page
Hero through footer, desktop and mobile. Every state, not just the marketing shot: hover, loading, empty, error, the form after someone actually submits it.
A system underneath
Type scale, tokens, components. Your next three pages take days instead of weeks.
Built, not just drawn
I ship front-end (HTML/CSS/Tailwind) or Framer. You get a live URL — not a Figma file and a hiring problem.
FAQs
Example work
$2,500