ALM · Vibe Coding · Tier 1 Fake Door

Build your fake-door landing page

Everything from today's session, in the order you'll use it. Keep this open while you build — work top to bottom. Jump to the pre-ship checklist before you share your link.

The one idea

A landing page is a sales pitch on a URL: one page, one promise, one button. Its only job right now is to prove that someone outside your team actually wants this — before you build the product.

% clicks

A pretty page is not the goal. Conversion is — the share of visitors who take your one action. That number is your demand signal, and the whole point of the exercise.

Think first — before you open any tool

This decides 80% of the outcome. Do it on paper.

Answer these three questions crisply. If you can't, the page will look good and still won't convert.

Who exactly?

One person — not "everyone."

What one thing?

The single biggest reason they'd want this.

What one action?

The one thing you want a visitor to do.

Your one-liner

[Outcome] for [who] — without [the pain].

e.g. CRED — "Pay your credit card bills, and actually get rewarded for it."

Write yours here — this becomes your hero headline:

Structure the page

The order a visitor experiences it, top to bottom.

HeroHeadline (your one-liner) + one-line subhead + the button70% of the job

ProblemName their pain in one line, so they nod

Solution3 steps or 3 benefits — lead with the outcome, not the feature

ProofA testimonial, a logo, or a signup count (light is fine — it's a POC)

Final CTARepeat the button — for people who scrolled all the way down

The rule: every section builds desire or removes friction — or it gets cut. A fake door can be four sections. Short is a feature.

Write the copy

Four rules — all of it is just good selling.

Clarity beats clever

A stranger gets it in 5 seconds, or they leave.

"You," not "we"

Sell the hole, not the drill — their outcome, not your machinery.

Specific beats vague

"Save 5 hours a week" beats "save time."

CTA = action + value

"Get my free plan" beats "Submit."

Before

"A next-gen platform reimagining how India eats."

→

After

"Ghar ka khana, delivered in 20 minutes."

Keep the design simple

The tool handles polish — you own these four.

One clear action

One primary button. Don't offer competing choices.

Make the button loud

Contrast plus whitespace around it. Impossible to miss.

Whitespace + one colour

One accent, neutrals, one or two fonts. Let it breathe.

Mobile-first

Most traffic is on a phone. If it breaks there, it's broken.

Build it in Lovable

Describe it in plain English. Start from this prompt.

Starter prompt — fill the brackets, then paste

Build a single-page fake-door landing page.

Audience: [who — be specific, e.g. busy Bengaluru parents]
Headline (my value prop): [your one-liner]
Subhead: [one supporting line]

Sections, in this order:
- Hero: headline + subhead + one button
- The problem I solve (one line)
- 3 benefits, each outcome-led
- One piece of proof
- Repeat the button at the bottom

The one action: [e.g. join the waitlist with an email]
Style: warm, minimal, lots of whitespace, one accent colour, mobile-first.
Rule: only ONE primary button on the whole page.

Then shape it by chatting: make the headline punchier · add a testimonials row · make the button bigger · tighten the spacing.

The catch — read this

The tool amplifies whatever thinking you fed it. A muddy value prop in gives you a beautiful page that still doesn't convert. Lovable does the building; you do the thinking. Your prompt is only as good as your one-liner from Step 1.

Ship it, then test it

A link nobody sees proves nothing.

Deliverable: a live URL + your one-line value proposition.

✓ Play with AI for ideas. ✗ Never ship copy you don't understand.

Swap links with someone and ask them straight: "Would you click the button? Why, or why not?" Their honest reaction is your first read on demand — before a single line of product gets built.

Before you share your link

Tick all seven. If one won't tick, fix it first.

My headline says what it is and who it's for — a stranger gets it in 5 seconds.

There is exactly one primary button on the page.

The button names the reward — not "Submit."

Every section earns its place: it builds desire or removes friction.

My copy is specific — a number or a concrete outcome, not something grand and vague.

I've opened it on my phone and nothing breaks.

I can say, in one sentence, the single action I want a visitor to take.

The traps that kill fake doors

✗Building the whole product instead of one honest page. This is the biggest one — scope to a single flow.

✗Cramming every feature onto the page. Confused visitors don't act — they leave.

✗Two competing buttons. Every extra choice lowers the odds they do the one thing you want.

✗A clever headline nobody understands. Clarity wins. Save the wordplay.

✗Never sharing the link. No traffic means no signal — and the signal was the point.