Web & E-commerce · Research, wireframes, interface
UX/UI Design
UX/UI design is how a site feels and works: who it serves, how pages are organised and what each screen looks like. We run user research, wireframes and interface design as one continuous process, so every visual decision rests on evidence.
- What it is
- A three-part design process: UX research, wireframes and UI design, delivered as files your developers can build from.
- Who it is for
- Teams launching or redesigning a site or web app, and anyone whose current pages get traffic but little action.
- Expected outcome
- Clear structure and screens validated before development starts, so the build is faster and conversion paths are deliberate.
One process instead of three separate services
UX research tells you what users need. Wireframes turn that into structure. UI design gives the structure a look. Splitting them across providers is where intent gets lost.
We keep the three together so the person who heard the user is the person who draws the screen, and so every choice can be traced back to a finding.
The result is a design you can defend in a meeting: not “we liked this blue”, but “users hesitated here, so we simplified this step”.
Three disciplines, one flow
1 · UX research
Understand before drawing
Stakeholder interviews, user interviews, review of analytics and behaviour recordings, competitor review and a clear problem statement.
2 · Wireframes
Structure before style
Sitemap, user flows and low-fidelity page layouts that test hierarchy and calls to action before any colour is chosen.
3 · UI design
A coherent interface
Typography, colour, components and responsive screens, plus a small design system so the site stays consistent as it grows.
How it fits into the project
Durations are indicative and sit inside the 4–8 weeks of a web development or redesign project.
- 01
Research and goals
Interviews, analytics and recordings review, and a prioritised list of problems to solve.
Week 1
- 02
Flows and wireframes
User flows and wireframes of key pages, reviewed with you and tested with a few users where possible.
Weeks 1–3
- 03
Interface design
Visual design of key screens in desktop and mobile versions, with accessible contrast and states.
Weeks 2–4
- 04
Handover to development
Design files, component specifications and notes so developers build exactly what was agreed.
Weeks 3–5
Deliverables
- Research summary with findings and priorities
- Sitemap and user flows
- Wireframes of key pages and states
- Responsive UI designs for desktop and mobile
- A compact design system: type, colour, buttons, forms, cards
- Accessibility checks on contrast, focus and structure
- Handover files and notes for developers
Research and delivery tools
Behaviour and analytics
- GA4
- Microsoft Clarity
- Matomo
- Search Console
Implementation targets
- Astro
- Next.js
- WordPress
- Webflow
- Squarespace
- Shopify
Included and not included
Included
- Research, wireframes and UI design as one flow
- Responsive screens for key pages
- A compact design system
- Handover to development
Not included
- Brand identity and logo creation
- Large-scale user studies with recruited panels
- Illustration, photography and video
- Development (see web development)
Design mistakes that hurt conversion
Skipping research
Designing from opinions produces pages that please the team, not the user.
Jumping straight to visuals
Polished screens hide structural problems. Wireframes expose them cheaply.
Ignoring mobile
Most visitors arrive on a phone. We design small screens first.
Too many calls to action
When everything is highlighted, nothing is. Each page gets one main action.
Pricing
UX/UI design is quoted after scoping, depending on the number of screens and the research involved.
PricingOn quoteafter scoping, based on the scope
TimelineWithin a 4–8 week web project
Related
Frequently asked questions
What is the difference between UX and UI design?+
UX design is about how a product works: structure, flows and ease of use. UI design is about how it looks: colour, typography and components. Good results need both, in that order.
Do I need wireframes before the visual design?+
Almost always. Wireframes settle layout, hierarchy and calls to action cheaply, so changes happen before they are costly. Visual design then builds on a structure already validated.
How long does UX/UI design take?+
It fits inside the 4 to 8 weeks of a web development or redesign project. A standalone engagement is scoped after a short call.
How do you do user research without a big budget?+
We combine stakeholder interviews, analytics and behaviour recordings from tools such as GA4 and Microsoft Clarity, and a handful of user conversations. It is light but gives real signals.
Can you design without building the site?+
Yes. We deliver design files and developer notes that any competent team can build from, though we are glad to build the result ourselves.
Design it right before it is built
Start with a free express audit of your current pages, or book a call to talk about your project.