The full walkthrough · 5 chapters · ~3 min read

From a blank page to a client saying “yes, ship it”here's the whole loop.

No design tools, no feedback email chains, no “can you move it a bit left” on a screenshot. Five steps, one link, every version saved.

1Chapter one

Answer the questionnaire

Pick your business type and the maker asks for exactly what that site needs — a bakery gets asked for its menu and prices, a musician for streaming links, a photographer for galleries. Plain questions, plain answers.

Already have a site? Skip everything and drop an HTML file instead — the loop works the same from chapter three.

The maker asks…

What kind of site are we building?

BakeryPhotographerMusicianSalonShop
Butter & Crumb
Sourdough loaf — ₹280 · Cardamom bun — ₹90|
paste a link or two — we borrow taste, not templates
2Chapter two

The AI designs your site

Your answers become a complete, working website — real copy, real structure, your actual menu with your actual prices. Show us sites you love and the design borrows their taste, never a template.

It’s a single self-contained HTML file from the first second. Download it anytime; it’s yours.

byow.site/butter-and-crumb — draft v1
Butter & CrumbMenuStoryVisit
Bread worth
crossing town for.
Reserve your loaf →
drafting…your answers → a full site, about two minutes
3Chapter three

Send one review link

When the draft is ready, you get a short review link. Text it, WhatsApp it, email it — your client opens it in any browser. No account, no login, no software to explain over the phone.

The link is scoped to review mode, so clients see the real site exactly as visitors will — plus a way to talk back.

One link. That's the handoff.

byow.site/r/a3f9c21bCopied
You → Asha:Hi! First draft of your site is up — click anything you'd change and leave a note

No account, no app, no PDF of screenshots. The link is the whole workflow.

4Chapter four

Your client pins comments to the page

They click the exact headline, button, or photo they mean. A highlight rectangle snaps to that element, a pin drops, and their note is attached right there. “Make it pop” finally has coordinates.

Every pin lands in your dashboard grouped by element — you always know precisely what “this” refers to.

byow.site/r/a3f9c21b — review mode
Butter & Crumb

Small-batch bakery · Portland

Reserve your loaf →1
AAsha (client)

Love it! Can this button be warmer — like our terracotta boxes?

pinned to: reserve button

The rectangle snaps to whatever they click — the note can't be vague.

5Chapter five

Revisions apply in one pass — every version saved

One button reads every pinned note and applies all of them together, coherently, in a single revision pass. Before a single pixel changes, the current site is saved as a version.

Compare v1 against v3, restore any round with one click, then finalize and hand off a link you’re proud of.

Version history

4 notes → 1 pass
v1First AI draft
↺ Restore
v2Terracotta button · new hero line
↺ Restore
v3Asha’s round two — 4 notes applied
Live

Every round is saved before anything changes. Restore any version with one click — nothing is ever lost.

And if the client has another round of notes? Same link, same pins, same one-pass revision. That's why we call it a loop.

Chapter six is yours

Run the loop once and you'll never email a screenshot again.

Build your first site freeNo credit card · your HTML is yours to download