Learning Path
Freelance Web Design Business Path
Web design is one of the few freelance skills where a beginner can show the work before anyone pays for it: redesign a local site, call it a concept, and the portfolio builds itself. This path teaches the web design business — the no-code path, concept portfolios, finding clients, first pricing, and care plans as recurring revenue — including an honest answer to the AI builders that now make a basic site in minutes.
How this path works. Each lesson below is a short summary of the topic it links to, with an exercise that proves you can do the work. Work through them in order, do the exercise, and mark each lesson complete when you have read the guide and done the work. The two-question check under each lesson is for yourself — it is not scored and it is not a certificate. Your progress is stored only in your own browser, in local storage — no account, nothing sent to us. Completing this path gives you no certificate and no qualification, and it promises no income: the proof is the finished work from the capstone lesson, not a certificate.
What you will learn
- The web design business: services, clients, and what AI changed.
- The no-code first path: Webflow, Framer, Showit.
- Concept portfolios: redesign local sites, honestly labelled.
- Getting web design clients: network, local businesses, referrals, platforms.
- Pricing a website from your floor rate, and care plans as recurring revenue.
Your progress
0 of 6 lessons complete.
The lessons
Read each lesson summary, then open the full guide it links to. The summaries are written for this path — they do not repeat the guides, they prepare you for them.
Lesson 1: The web design business — services, clients, and what AI changed
A web design business sells three things: a website, the words and images on it, and the care after it launches. The clients are small businesses whose websites are old, slow, or missing entirely, and the work is to give them a site that brings enquiries. What AI changed is the floor: AI builders can now make a basic site in minutes, so a designer who only builds basic sites competes with a machine — and a designer who sells design, words, setup and care does not.
This lesson defines the business: which services to offer, which clients to serve, and the positioning answer to the AI-builder question — sell the result, not the tool. You will learn why the care plan matters more than the build: the build is one sale, the care plan is every month after.
Exercise: Write your web design offer in one sentence: the service, the client, and the result.
Check yourself — two questions on this lesson
1. What does a web design business sell?
A website, the words and images on it, and the care after launch.
2. What did AI builders change?
The floor — basic sites can be built by machine, so the offer must be more than a build.
Lesson 2: No-code first — Webflow, Framer, Showit path
No-code tools — Webflow, Framer, Showit — let you build real, professional websites without writing code, and they are the honest first path for a beginner designer. The skill is not the tool; it is the design: layout, typography, colour, and the words that make a visitor enquire. A well-designed no-code site is a professional product; a badly designed hand-coded site is still a bad site.
This lesson picks your no-code stack and teaches the learning order: design first, tool second, and the first real project — a concept redesign — as the proof. You will learn what no-code cannot do — complex custom systems — and why that does not matter at the start: small businesses need a good site, not a custom system.
Exercise: Pick your no-code tool and rebuild one page of a local business site in it.
Check yourself — two questions on this lesson
1. What do no-code tools do?
Let you build professional websites without writing code.
2. What is the real skill?
Design — layout, typography, colour and words — not the tool.
Lesson 3: Concept portfolio — redesign local sites, labelled as concepts
A web designer with no clients has the same problem as every freelancer — no work to show — and the same answer: concept work. Take a local business with a weak website, redesign it properly, and present it as a concept, clearly labelled as a redesign you made to show your work. It proves your eye, your taste and your process, and it is honest in a way a fake client list is not.
This lesson builds the concept portfolio: pick three local businesses with weak sites, redesign their home pages, and present them with a short note on what you changed and why. You will learn the honesty rules — labelled as concepts, never presented as client work — and why three strong concepts beat a portfolio of templates.
Exercise: Redesign the home page of one local business site, labelled clearly as a concept.
Check yourself — two questions on this lesson
1. What is a concept portfolio?
Redesigns of real local sites, made to show your work and labelled as concepts.
2. Why label them as concepts?
Presenting concept work as client work is dishonest and destroys trust.
Lesson 4: Getting web design clients — network, local businesses, referrals, platforms
Web design clients come from the local and the knowable: your network, local businesses you walk past, referrals from past clients, and freelance platforms as a last resort. The local route is the strongest for a beginner, because a business owner can see the redesign, meet you, and decide — and because the work is visible: a better website for the café down the road is an advertisement in itself.
This lesson maps the four routes with their honest trade-offs: the network trusts you but is small; local businesses are findable but need a visit; referrals are the best work and come last; platforms are crowded but open. You will learn the approach that works for a local business — the concept redesign in hand, a short message, and a price named early.
Exercise: List five local businesses with weak websites and draft a short message for each.
Check yourself — two questions on this lesson
1. Where do beginner web design clients come from?
Network, local businesses, referrals — and platforms as a last resort.
2. Why is the local route strongest?
The owner can see the work, meet you, and decide.
Lesson 5: Pricing a website — project price from your floor rate
The price of a website starts at your floor: hours times your hourly rate, plus the costs — tool subscriptions, images, hosting setup — plus a risk buffer for the scope that always grows. A price copied from another designer ignores your costs, and a price set by the client's budget ignores your floor. The project calculator turns your numbers into a quote with the buffer inside it, so the first revision does not eat the profit.
This lesson prices your first website: the floor from your costs, the quote from the floor, and the deposit and milestones that protect it. It is the starter version — the full pricing discipline, including retainers and AI positioning, is the web design pricing path that follows this one. You will learn the rule that matters most: never quote a price you have not worked out.
Exercise: Price one website from your floor rate, with a deposit and two milestones.
Check yourself — two questions on this lesson
1. What is a pricing floor?
Hours times your rate plus costs — the lowest price that keeps the work worth doing.
2. Why a risk buffer?
Because scope always grows, and the buffer pays for it.
Lesson 6: Care plans — maintenance retainers as recurring revenue
A care plan is the web design business's best product: a monthly retainer for updates, backups, small changes, and support. The client pays a fixed monthly fee and stops worrying about the site; you get recurring revenue that smooths the months between builds. The plan is also the reason the designer stays in the client's life — the build is one sale, the care plan is a relationship.
This lesson builds your care plan offer: what is included, what costs extra, the monthly price from your costs, and the words to sell it — not as insurance, but as the site staying fast, safe and up to date. It ends with the capstone: one concept redesign and a care-plan offer sheet, ready to take to a local business.
Exercise: Capstone: finish one concept redesign and a care-plan offer sheet with its monthly price.
Check yourself — two questions on this lesson
1. What is a care plan?
A monthly retainer for updates, backups, small changes and support.
2. Why is it the best product?
It turns one-off builds into recurring revenue and keeps the client.
Try the tools
These free tools let you practise what the lessons describe — everything runs in your browser, and nothing you type is sent anywhere.
- Freelance Project Pricing Calculator — quote a website with a risk buffer
- Freelance Hourly Rate Calculator — turn a take-home target into a minimum rate
- Monthly Expense Planner — work out what the business costs each month
Check what you learned
6 questions, all based on the lessons above. Answer them all, then check your score — each answer explains itself, so a wrong answer teaches as much as a right one. The quiz is practice, not a test: there is no pass mark and no certificate.
Answer all 6 questions, then check your score.
Download your notes
Download a plain-text summary of this path: the lesson list, which lessons you marked complete, and your quiz score. The file is generated on your device — nothing is uploaded.
Key terms in this path
The terms this path uses are defined in the Glossary, each with an example. If a lesson uses a word you do not know, look it up there first.
Frequently asked questions
Do I need to code to start a web design business?
No. The no-code path uses Webflow, Framer or Showit to build real sites without writing code. What you sell is the design and the result, not the code underneath.
How do I get web design clients with no portfolio?
With a concept portfolio: redesign local business sites, label them clearly as concepts, and show them. A concept redesign proves your eye before anyone pays you.
What threatens web design from AI builders?
AI builders can now make a basic site quickly, and that cuts the bottom of the market. The answer is positioning: sell the design, the words, the setup and the care plan that an AI builder does not do on its own.
What is a care plan?
A monthly maintenance retainer: updates, backups, small changes and support, for a fixed monthly fee. It turns one-off website sales into recurring revenue.
How much should I charge for a website?
From your floor rate — hours times your rate plus costs — not from copying another designer's price. The pricing lesson and the web design pricing path show the full maths.