Process
What is the difference between website design and website development?
Design decides what the site looks like and how it is arranged; development is what makes it exist and work in a browser. On small projects one person does both. The distinction matters commercially because a quote covering design only leaves you holding a set of images no visitor can use.
Who produces what
| Stage | Output | What it is not |
|---|---|---|
| Design | Layouts, type, colour, component states | A working page — a layout file is not a website |
| Front-end development | HTML, CSS and the responsive behaviour | Where content or business rules are decided |
| Back-end development | Database, forms, payments, admin | Visible, which is why it gets underestimated |
| Technical SEO | Crawlable, indexable, structured output | A phase that can be added afterwards cheaply |
Why website design and development are usually quoted together
Separating them creates a handover, and handovers are where scope disputes live. A designer who has never built the thing can specify a layout that is expensive to make responsive; a developer handed a static image makes a hundred small decisions the designer never recorded. On a site of eight or ten pages, the coordination cost of splitting the work exceeds any benefit from specialisation.
On larger projects the split is correct, and the thing that makes it work is a design system rather than a set of page pictures — documented components, states and spacing rules, so the developer is implementing decisions rather than inventing them.
What to check in a quote covering both
- Whether responsive behaviour is specified or left to the developer to guess
- Whether the design covers empty, loading and error states, or only the ideal case
- Who owns the design files afterwards, and in what format
- Whether accessibility — contrast, focus states, tap target size — is a design requirement or an afterthought
- Whether content is being designed around, or whether real copy exists to design with
The longer version
This answer is deliberately short. If you want the full treatment, Writing a website brief that gets you comparable quotes covers it in about 3 minutes — free, ungated, written from client work.
Who answered this
Anas Bin Masud builds e-commerce sites and does technical SEO for businesses in the UK, Canada and Pakistan — fifteen live client sites, six of them stores taking real payments. These answers come from those projects rather than from a content brief. More about how I work, or ask me something directly.