How to Design a Landing Page That Converts
A landing page is not a brochure. Here is how I think about the one screen that decides whether someone signs up or leaves, and the mistakes I keep seeing.
I have shipped landing pages that did absolutely nothing. People showed up, scrolled a bit, and left. No signups. No emails. Just a clean analytics chart with a flat line that I would stare at and not understand.
It took me longer than I want to admit to figure out why. The page looked fine. It had a hero, some features, a few logos, a pricing table. It looked like every other SaaS page, which was exactly the problem. It said nothing a real person could repeat back to a friend.
So this is not a checklist of best practices. It is how I actually think about a landing page now, after getting it wrong enough times to notice the pattern.
The first screen does one job
Most of the people who land on your page decide whether to keep reading in a couple of seconds. They are not studying it. They are scanning, half-distracted, with four other tabs open. The first screen, the part visible before anyone scrolls, has one job: make a stranger think this is for me fast enough that they stay.
Everything below the fold is for people you have already convinced to keep going. So I spend most of my time on the top of the page, and I am ruthless about it.
Say one thing, clearly
The biggest mistake I made for years was trying to say everything at once. The headline tried to cover three audiences and five features. The result was a sentence that technically described the product and emotionally described nothing.
A good headline is specific enough to feel slightly narrow. That narrowness is the point. If it could describe ten other products, it is too vague to do any work.
Weak:
The all-in-one platform to build better products faster.
Better:
Tell your AI agent what to design. Watch it appear on the canvas.The second one is the headline for Krit, the thing I am building. It is not clever. It just says exactly what happens, in the order it happens. A specific person reads it and goes wait, I want that. That reaction is the entire job of a headline.
One action, not five
Every button you add to the first screen splits attention. I used to think more options meant more conversions, like I was being generous. The opposite is true. When you ask someone to choose between Start free, Book a demo, Read the docs, and Watch the video, the easiest choice is to choose none of them.
Pick the one action you most want a first-time visitor to take. Make that button impossible to miss. Everything else gets quieter, smaller, or moves further down the page. A few things I learned the hard way:
- A secondary link is fine. A second button that shouts as loud as the first is not. Rank them visually.
- Button copy should describe what happens next, not what you want. Start designing beats Get started, which beats Submit.
- If the action is free or low-commitment, say so right next to it. A tiny line like no card needed removes a real hesitation.
Show the thing, do not describe the thing
If your product has a screen, that screen is your best salesperson. I will take one honest, well-shot view of the actual product over a paragraph of adjectives every single time. People want to see what they are signing up for.
This goes double if your product does something visual or interactive. A short loop of the real thing working, even a slightly rough one, builds more trust than a polished illustration of a concept. Illustrations say we have a brand. Product footage says it is real and it works.
Proof, but the kind people believe
Logos and testimonials work, but only when they feel real. A wall of grey logos that could belong to anyone does almost nothing now. People have learned to skip past them. What still lands is specific: a named person, a real result, a sentence that sounds like a human wrote it and not a marketing team.
Vague proof is worse than no proof. It eats space and trust at the same time.
If you are early and do not have customers yet, do not fake it. Use what you actually have. A real screenshot of someone asking for the product. The thing you built last week. A number you can stand behind. Honesty reads as confidence, and confidence converts.
The mistakes I still see every week
When founders show me their pages, it is almost always the same handful of things. None of them are exotic. They are just easy to miss when you are too close to your own product.
- A headline about the company instead of the visitor. Nobody cares that you are on a mission. They care what you do for them.
- Jargon that only makes sense if you already work there. If a friend outside your industry cannot parse the first line, rewrite it.
- A hero carousel. If you have five things to say in the hero, you have not decided what matters yet.
- Burying the actual product three scrolls down, under a fog of value-prop copy.
Where I land on all of this
A landing page is not a place to be thorough. It is a place to be clear. You are not writing documentation. You are trying to make one specific person, in one distracted moment, feel like you read their mind.
So I write the first screen last, after I am sure what the product really is. I say one thing. I point to one action. I show the real product doing the real thing. Then I delete about half of what I wrote, because the page that converts is almost always the shorter one.
Build it on the canvas
Tell your agent what to design. Watch it appear.
Krit is the infinite canvas your AI agent draws on. Prompt it, refine it, ship it to code.
Try Krit free for 7 days