UX is the structure: what is on each page, how pages connect and how someone gets a task done. UI is how it looks and feels: layout, type, colour and components. We do both, in that order, because a beautiful screen on the wrong structure still loses customers.
Senior UI and UX design for websites, online stores and apps. We start with the structure: the sitemap, the flows and the content. Then we design the screens and the system your developers build from.
UI/UX design
UI/UX design services, from sitemap to shipped screens.
No card · Senior designer on every task · Reply within one working day
Inside a project
P&BHusri, from sitemap to screen.
- 1
Six doors from the home page
Collections, resources, inspiration, about, dealers and contact. Every product sits a short path from home.
- 2
Five collections hold the whole range
Master, Art Classics, Modern Classics, Bespoke and Super Heating. Every towel warmer lives in exactly one, so nothing is filed twice.
- 3
One template for every product
Description and media, then the actions trade buyers need: add to quote, dimension spec, installation manual.
- 4
Dealers get their own path
A dealer locator with a ZIP code filter sits at the top level, because dealers are a main audience, not a footnote.
- 1
The sitemap becomes the menu
The top-level pages, in the same order. Products and Inspirations open menus; the dealer locator is one click.
- 2
Choose a look, then a model
The five collections appear as pictures, so visitors pick a style before they compare models.
- 3
Quotes are always one click away
Trade buyers can request a quote from the utility bar on every page.
- 4
The page steps back
The page dims behind the open menu, so the choice in front of the visitor stays clear.
UX strategy, information architecture, UI mockups and prototype for P&BHusri.
Read the P&BHusri case study
What's included
Everything between an idea and a build-ready file.
- UX audit
- We review your analytics, the current site or app and your competitors, and list what stops people finishing a task.
- Sitemap and information architecture
- How pages and products are grouped and named, so people find things where they expect them. Signed off before any screen is drawn.
- User flows and wireframes
- The key journeys step by step: sign-up, search, checkout, enquiry. Low detail on purpose, so changes stay cheap.
- UI design
- Every screen at desktop and mobile sizes, in your brand or one we build with you.
- Clickable prototype
- The main journeys linked up in Figma, so you can test with real users and show stakeholders before anyone writes code.
- Design system and handoff
- Components, styles and spacing documented in Figma, with notes your developers can build from. We can build the front end too.
How it runs
A typical UX project, step by step.
Audit and structure
Audit, user interviews if we can reach your users, and a sitemap you sign off.
Flows and wireframes
The key journeys mapped and wireframed, reviewed with you as we go.
UI design
The most important screens first, then the rest, built from shared components.
Prototype and handoff
A clickable prototype, the design system and a walkthrough with your developers.
A single flow, such as checkout or onboarding, can start at step 2. We agree the plan and the hours before we start.
AI and the designer
AI drafts the options. A senior designer decides.
What AI does
- Turns research notes and analytics into a first list of problems to check
- Generates layout variations, so we compare more options in less time
- Drafts placeholder content for wireframes
- Flags contrast issues and missing states on screens
What a senior designer does
- Decides the structure and signs off the sitemap
- Chooses the direction and designs the final screens
- Reviews every file before you see it
- Talks to you directly, not through a ticket queue
Pricing
Pay for the hours, or keep a designer on the team.
4 hours free to start
Pay as you go
For audits, single flows and one-off projects. Hourly, quoted on scope before we start, with a weekly report of hours spent.
Claim your free workMonthly partner
Dedicated plan
For product and web teams with UX work every week. A senior designer on one flat monthly fee: unlimited requests, one at a time.
See the design subscriptionFAQ.
What product owners and founders ask before their first UX brief.
Yes, and it is often the better choice. We start with a UX audit, fix the journeys that lose the most people, and redesign screen by screen without holding up your releases.
Figma files with components, styles and responsive layouts, a clickable prototype and handoff notes. If you need it, we build the front end as well.
It depends on the number of screens and journeys. Pay as you go is hourly with a quote before we start, and your first 4 hours are free, so you can judge the work on a real task.
More UX and e-commerce work
All projects
Who it's for
UI/UX design, shaped to how you work.
Other services