← Library

From the 6 Phases of Vibe Coding

Phase 1 — Landing Pages

Where every Dream Viber starts. A single URL that proves you can ship, capture intent, and edit at the speed of thought.

Key takeaways

  • Start with the promise, not the product. Write the headline before you touch the design.
  • One clear action per page. If a visitor has to guess what to do, you shipped a brochure, not a landing page.
  • Ship in an hour, iterate for a week. First deploy is a wireframe with real copy — polish arrives after real eyeballs.
  • Instrument from day one. Anonymous analytics + one form submission tells you more than any focus group.

## Why Phase 1 exists

Landing pages are the airlock between "I have an idea" and "I have a product." They are also the fastest, cheapest, most honest way to find out if anyone cares. Every one of the 49 things on the shelf started as a landing page — even the ones that never grew past one.

The mistake newcomers make is treating a landing page like a mini-website. It isn't. A website answers questions. A landing page asks one: *do you want this?*

The three moves that matter

Write the headline first. Before you open Lovable, write the single sentence a stranger would need to hear to click. If you can't write it, you don't have a product yet — you have a vibe. That's fine, keep vibing, but don't build.

Pick one action. Sign up. Book a call. Buy. Watch. Reply. One. If your page has three CTAs it has zero. The heat map will prove it.

Prove the claim above the fold. A logo bar, a specific number, a real screenshot, a name. Not "trusted by thousands" — trusted by *whom*. The Dream Viber reflex is to hand-wave; the operator reflex is to be specific.

The mistakes I keep making

Over-designing before there's a real visitor. Writing to impress peers instead of convert strangers. Burying the offer under a manifesto. Adding a second page because the first "feels lonely" — pages don't have feelings, conversion rates do.

Prompt of record

> Build a single-page site for *[promise]*. Hero has a headline, a subhead, and one primary CTA that goes to *[destination]*. Below the hero: three proof points as short paragraphs with a small icon each. Then a founder note in plain sans-serif. Footer with an email capture that goes to *[list]*. No nav bar. No secondary pages.

That prompt has shipped me at least twelve landing pages. Steal it.

Adapted from highcaliberai.com.