How is UI/UX design different from custom website design?
UI/UX design starts from evidence about users: research, journeys, wireframes and testing decide what goes where. Custom website design starts from your brand and visual identity. Most good projects need both, but a UI/UX-led project puts more time into research and testing before any visual design is finalised.
| Aspect | UI/UX-led design | Brand-led custom design |
|---|---|---|
| Starting point | User research and task analysis | Brand, positioning and visual identity |
| Key deliverables | Journeys, wireframes, prototypes, test findings | Visual concepts, page designs, brand application |
| Best for | Complex services, forms, portals, high-traffic sites | Businesses needing to stand out visually |
| How success is judged | Task completion, fewer drop-offs, clearer enquiries | Brand fit, credibility and first impressions |
When does a website need UI/UX design?
A website needs dedicated UI/UX work when people struggle to complete key tasks: finding a service, comparing options, booking, filling in a quote form or logging in. It also matters when your audience is broad, your offer is complex, or analytics show visitors arriving but leaving without taking action.
- Enquiry or quote forms that many visitors start but few finish.
- Services that are hard to explain or compare without guidance.
- Several audiences, such as candidates and clients on recruitment agency websites, competing for the same navigation.
- Booking journeys where a confusing step loses the appointment, common on healthcare clinic websites.
- Customer portals, booking flows or dashboards built through custom web development.
- A planned website redesign where you want evidence, not opinions, to guide changes.
What does the UI/UX design process involve?
A UI/UX process moves from understanding to evidence: research with real users, mapping journeys, structuring content, wireframing, prototyping, testing with users and then refining the interface. Each stage reduces guesswork, so the expensive part, development, builds something already shown to work for your customers.
- Research: stakeholder interviews, customer interviews or surveys, analytics review and competitor review.
- Journeys and personas: the key tasks each type of visitor needs to complete, and where they currently get stuck.
- Information architecture: navigation, page hierarchy and labels, often checked with card sorting or tree testing.
- Wireframes: low-detail layouts that settle structure and content priority before visual design.
- Interactive prototype: a clickable version of key journeys that looks and behaves like the real site.
- Usability testing: watching real people attempt tasks, then fixing what trips them up.
- UI design and design system: final visual design, built from reusable components ready for development.
Why does accessibility belong in UI/UX design?
Accessibility is part of usability: a site that works with keyboards, screen readers, zoom and clear contrast is easier for everyone. WCAG 2.2 level AA is the usual UK target, and the Equality Act 2010 requires reasonable adjustments for disabled people. Designing it in from the start costs far less than retrofitting.
Public sector bodies have extra duties under the Public Sector Bodies (Websites and Mobile Applications) Accessibility Regulations 2018, including publishing an accessibility statement.
- Colour contrast, text size and spacing that meet WCAG 2.2 AA.
- Clear focus states and full keyboard operation for menus, forms and pop-ups.
- Form labels, error messages and instructions that make sense when read aloud.
- Touch targets large enough to use on a phone; see responsive website design.
What is a design system and do you need one?
A design system is a shared library of components, such as buttons, forms, cards and navigation, with rules for colour, type and spacing. It keeps the interface consistent as the site grows and speeds up future pages. Larger sites, web apps and teams with several editors benefit most.
For a small brochure site, a lightweight component library inside the website build is usually enough. For a corporate site, a portal or a product with ongoing development, a documented design system saves time and keeps every new page on-brand and accessible.
How much does UI/UX website design cost in the UK?
UI/UX work is usually priced as part of the wider website project. As a typical UK market guide, bespoke custom-designed sites with research and testing sit around £8,000 to £30,000+ excluding VAT, and custom web applications £15,000 to £100,000+. Standalone research or testing is often quoted in days.
| Type of project or work | Typical range | Typical timeline |
|---|---|---|
| Small business site, custom-themed | £1,500–£5,000 | 4–8 weeks |
| Bespoke custom-designed site (corporate or larger) | £8,000–£30,000+ | 2–4 months |
| Custom web application | £15,000–£100,000+ | 3–6+ months |
| Standalone research or testing (agency day rates) | £400–£900 per day | Varies by scope |
These are indicative ranges from the wider UK market, not a Freehand HQ quote. Our guide to website design costs in the UK explains what drives the price.