Masterclass 1 of 3
Build Websites
How do web designers build client websites quickly with AI coding tools?
This track walks you from the first client conversation to a live, tested site the client can actually use. You will plan around one business goal, build with an AI coding assistant and git, keep costs predictable, and launch on your own domain with HTTPS and a way back if something breaks.
10 lessons · about 9.5 hours · Beginner · free
Your progress
0 of 10 lessons completed
Lessons
- 1Define the goal before the designWrite down the business goal, the service area, the ideal customer and the one action the site must get visitors to take, then design every page around that action.Worksheet 35 min
- 2Plan the sitemap and contentList the pages the goal needs, gather real content and assets from the client, sketch mobile layouts first and give every page one clear call to action.Worksheet 50 min
- 3Build with an AI coding assistantGive the assistant a project instructions file and the brief, ask for one component at a time, review every change and commit working states to git.Walkthrough 65 min
- 4What AI coding really costs per siteCompare subscription plans with usage metered builders on their current terms, track how much of your limits one site uses, and work out a cost per site before you price.Worksheet 35 min
- 5Reusable components, not clonesKeep a kit of tested components driven by design tokens and content, then make each site specific to the client through its brief, photos, copy and layout choices.Step by step guide 66 min
- 6Forms, editing, legal pages and analyticsRoute form submissions to an inbox the client checks, pick the simplest editing option they will actually use, cover accessibility basics, add legal pages they have approved and load analytics only with consent where required.Checklist 51 min
- 7Test before the client sees itRun a fixed QA pass on phones and desktops covering navigation, metadata, speed, forms and basic security, fix what fails, then send the review link.Checklist 51 min
- 8Publish with a domain, DNS and HTTPSDeploy from a git repository, use preview deploys for review, point the domain with the right DNS records, confirm HTTPS, and keep a rollback and backups ready.Walkthrough 51 min
- 9From an empty folder to a live demoFollow one complete build for a fictional business: brief, project file, git init, prompts, checks, deploy and a shareable demo link.Product demo 126 min
- 10Hand off the site and set support boundariesDeliver access, a short guide and a written support scope, agree how change requests arrive and get priced, and confirm who owns what.Checklist 36 min