Edition 02 · 2026

Sites That
Convert

The complete manual for designing and shipping websites that earn their keep.
From the first enquiry to the hand-off email.

Get the ebook See the chapters

Most design advice stops at the pretty screenshot. The part that decides whether you get paid properly: reading a brief, structuring a page before you open Figma, pricing the work, writing the contract, handing it over so the client stays. It is scattered across a hundred articles written to rank on Google. This is that part, in order, in one place.

01

Written in working order

Not a reference you dip into. The sequence a real project actually runs in, from the enquiry that lands on a Tuesday to the follow-up a month after launch.

02

The business half nobody teaches

Rates, proposals, scope, contracts, the awkward email. The mechanics most designers pick up by accident, five years later than they should have.

03

Built on real projects

Eighty-odd of them. Where something took three attempts, you get three attempts, because the recovery is the part worth learning.

04

Templates you can send today

Contract, proposal, invoice, onboarding checklist, hand-off pack. Editable text, not screenshots, ready for the next project.

Chapters

8 parts. 31 chapters.

31 chapters95 pages

Each part ends with something you can ship — a brief, a flow, a page, a price, a live site. Drag the row to read them all.

01

Before you start

Who the book is for, and the method the rest of it runs on.

3 chapters8 pages
  • 01Who this is for
  • 02Design versus getting paid
  • 03The method, in one loop
02

Foundations that move the needle

The skills worth your year, and a file that stops fighting you.

3 chapters9 pages
  • 04Skills worth your year
  • 05Zero, or stuck
  • 06A Figma file that behaves
03

A project, end to end

From the enquiry on a Tuesday to research you finish in a day.

4 chapters12 pages
  • 07Qualifying an enquiry
  • 08The three documents
  • 09Onboarding a client
  • 10Research in one day
04

Flows, before a single screen

Decisions before screens: flows, grey boxes, and a locked structure.

5 chapters16 pages
  • 11Why the flow comes first
  • 12Drawing a user flow
  • 13Getting it signed off
  • 14Low-fidelity wireframes
  • 15Low to high fidelity
05

Design essentials

Direction, copy, colour, type and grids, in the order they are decided.

6 chapters19 pages
  • 16Choosing a direction
  • 17Copy before layout
  • 18Colour, and 60-30-10
  • 19Type that survives mobile
  • 20Grids, and breaking them
  • 21Art-directing imagery
06

Pages that convert

What a page is for, and which three moments are allowed to move.

3 chapters11 pages
  • 22Website or landing page
  • 23The nine-block page
  • 24Motion with a job
07

Three briefs, end to end

Three briefs carried all the way through, mistakes left in.

3 chapters12 pages
  • 25A fintech dashboard
  • 26An e-commerce store
  • 27A single-product page
08

The business end

Finding the work, pricing it, and handing it over so they return.

4 chapters12 pages
  • 28Finding clients
  • 29Setting and raising your price
  • 30Retainers and referrals
  • 31Build, test, hand off

Drag ↔ 8 parts

What readers say

Worth it for the files alone.

Six people who read Edition 01 before anyone else did, and told me what to fix.

This book is a real game changer.

LLorenzo Dali RamosProduct designer

One of the most in-depth and up-to-date resources I have come across. Thorough, easy to follow, and it breaks things down clearly — it covers everything around the craft, not just the craft.

I raised my rate on the next project.

RRufat KarimovFreelance designer

The files alone are worth it. The proposal template did most of the work, and for the first time I sent a number without flinching.

It changed how I start a project.

BBhavya VermaUI designer

Changed my technical approach entirely, especially the chapters on layout systems and hand-off. I stopped opening Figma on day one and it has saved me a week per project.

I stopped guessing at pricing.

SShellyDesigner

Most valuable lessons in one place. I stopped guessing at pricing after the second chapter, and the scope-creep clauses have already paid for the book twice.

Finally, the business side.

CClarissaDesign lead

Finally something that covers the business side without being fluff. Practical from page one, and the hand-off pack is now our team standard.

It answers what you don't know to ask.

NNasrinIndependent designer

I would recommend it to any designer about to go independent. It answers the questions you do not know to ask yet, which is exactly what you need at that point.

What’s inside

Twelve things
it actually teaches.

Not a table of contents. The twelve pieces of the job the book takes apart, each one with the part people get wrong.

Landing clients

Where the work actually comes from, and how to build trust before the first call.

KCSPDG GKMRHL
💬 0 ❤️ 0

Every freelance document

Contract, proposal and invoice templates you can send the same day.

3 templates

Onboarding & communication

Clear, professional first contact — so the project starts on the right footing.

Welcome aboard, Mike 👋 Thanks Kunal! 🔐 Kick-off Monday ✅

Research & analysis

A repeatable process that makes discovery fast instead of daunting.

🧭 Discovery 🕯️ Q&A session 📊 Competitor scan 🎯 Success metrics

Copywriting & storytelling

Turn attention into action — structure, tone and the words that carry weight.

💡 Clear ❣️ Emotional 🔑 Concise

Grids & layout

The theory and the technique behind layouts that hold up at every width.

375px1440px

Typography

Scale, rhythm and spacing settings that make type feel deliberate.

Aa H1 — 80px · body — 16px

Colour

How to choose, build and apply a palette that survives real interfaces.

Visuals

A strategic way to generate art direction instead of waiting for inspiration.

The complete process

Start to finish with no guesswork and no wasted weeks.

📞 Call 📝 Contract 📮 Materials 🔍 Research 🔮 Structure

No-code development

Run the whole build yourself — and keep the margin that used to go elsewhere.

Framer Webflow CMS Custom code

Review, test & hand-off

Close the project properly — the part that turns one client into three.

96% ⚡ Performance

Real pages, not mockups

Spin through
the book.

Drag ↔ ten spreads from the book

Get the ebook

How do you want
to start?

Join 5,000+ others

01 Save 40%

₹1,499₹899

One-time payment

Pay onceYours forever
Get the ebook

A download link by email once payment settles.

02

Everything in it

95 pages now, and every edition after this one.

31chapters across 8 parts
12editable templates
3worked briefs, end to end

Plus the pricing ladder and scope clauses.

Updates like software

Buy once. Every new edition is yours, free.

  1. Ed. 01Shipped
  2. Ed. 02You get this
  3. Ed. 03Free
  4. Ed. 04+Free
Read a free sample ↗

Last added

Chapters added
every edition.

Edition 02 added seven chapters and two full case studies. Buy once and every edition after this one lands in your inbox, free.

Got questions?

We’ve got
answers.

What format is it?

A PDF you download and keep, readable on a laptop, tablet or phone. No app, no login, no platform that can disappear.

I’m a complete beginner. Will I keep up?

Yes. It starts at the beginning and assumes no prior client work. The later chapters go deep enough that they will still be useful two years in.

I’ve been designing for years. Is there anything new?

The craft chapters will be familiar. The business ones — qualifying, pricing, raising rates, hand-off — are where most experienced designers tell me they lose money.

Do I need Figma or any paid tool?

Figma’s free tier covers everything shown. The no-code chapters name tools but the method is not tied to any of them.

Do I get future updates?

Yes, every future edition, free. You buy the book once.

Can I read a bit first?

Yes — the free sample is linked at the top of this page, no email required.

Join 5,000+ others

Ready to level up?

New chapters, teardowns and prompts go out on Instagram first. Come and see what is being built.