Web design is the work of deciding how a website looks, how it is organised and how people move through it. It covers the layout of each page, colours, fonts, images, menus and how everything rearranges on a phone. A web designer shapes what visitors see and use; a developer then makes it run.
What a web design project produces
Most projects follow a similar path. The designer first maps the pages and how they link (the site's information architecture). Next come wireframes: plain grey layouts that settle what goes where without arguing about colour. Then visual mockups, usually in Figma, apply the brand's colours, typography and imagery. Finally the designer specifies how each layout adapts at different screen widths and hands everything to a developer, or builds it directly in a visual tool.
Web design overlaps with UX design (does the site make tasks easy?) and UI design (do the individual controls look and behave clearly?). On a small site one person often does all three.
Web design compared with web development
Design decides what the site should be; web development writes the HTML, CSS and JavaScript that make it real, connects forms and databases, and handles performance and hosting. A beautiful mockup can still become a slow or broken site if the build ignores it, so the two need to talk throughout.
An example: redesigning a physiotherapy clinic site
A clinic's old site buries the phone number in the footer and lists twelve services in one long paragraph. A redesign puts "Book an appointment" and the number at the top of every page, gives each condition its own short page with a photo of the treatment room, and uses one clear font pairing. On phones, the menu collapses and the booking button stays visible as you scroll.
Why it matters for a small business
Visitors judge trust quickly from how a site looks and whether they can find the basics: what you do, where you are, how to contact you. Good design does not need to be elaborate. Clear hierarchy, readable text and an obvious next step do more than animation.
Common web design mistakes
- Designing for desktop only. Check every layout on a phone first; use responsive design.
- Low-contrast text. Pale grey body text may look refined in a mockup, yet many visitors struggle to read it.
- Too many fonts and colours. Two typefaces and a small palette look more professional.
- Hiding contact details. Phone, address and booking should never be more than one tap away.
- Huge uncompressed images. They slow every page and hurt search rankings.
Related terms
- Web development: turning a design into a working site.
- UX design: how easy the site is to use.
- UI design: the look of buttons, forms and controls.
- Wireframe: the first rough layout of a page.