UX research and wireframes
We learn who you sell to and what they need to believe, then map every page before anything is coloured in.
Services01 / Website design
Websites that look like the business you are becoming.
Strategy, brand and design as one job. We design every screen around one obvious next step, and you review it live on your own phone before a line of code is written.
3 to 6wksBrief to launch
2roundsOf prototype changes included
AAWCAG 2.2 accessibility
01 / Watch it come together
From blank page to launch night.
Scroll slowly. This is the order we design in, shown on a real site we launched, and why our sites look finished rather than decorated.
01
Wireframe
Structure first: what goes where, and the one thing each screen has to make people do.
02
Type
Headlines that say what you do in ten seconds, set in a type system built for your brand.
03
Colour and imagery
Your palette, real photography and art direction, so the site feels like you and nobody else.
04
Motion
Interaction and animation that guide the eye to the next step instead of showing off.
05
Launch
Built, tested on real phones, checked for speed and accessibility, and live.
dettaglioltd.co.uk
Live
Stage 01 / 05Wireframe
Shown on a real build: Dettaglio Plates and Detailing, Birmingham.
02 / What is included
Everything a site needs to earn its keep.
Brand-led interface design
Your colours, type and tone turned into a design system, so every page looks like it came from the same place.
Live prototypes
You review clickable designs on your own phone from week two, not static PDFs, so there are no surprises at build.
Responsive on every screen
Designed for the phone first, then the tablet and the desktop, never squeezed down after the fact.
Accessible by default
Contrast, focus states, keyboard use and readable type built in to WCAG 2.2 AA, because that is who is visiting.
Designed to convert
One obvious action per screen, clear routes to enquiry and SEO baked into the structure from the wireframe.
Why it matters
People decide whether they trust a business in the time it takes a page to load. A site that looks like the business you are becoming wins that second, and the next five minutes turn a visitor into an enquiry.
03 / How it runs
Six steps, no drama.
You always know what is happening, what is next and what it costs. Fixed price, agreed milestones, no surprise invoices.
01
Discover
A workshop on who you sell to, what they need to believe and which pages have to earn their place. You get a written brief and a fixed quote.
02
Wireframes
Every key page mapped as a script: what the visitor sees, believes and does next. Agreed before any colour goes on.
03
Design
Homepage first, then the key templates, in your brand, on your phone as a live prototype. Two rounds of changes included.
04
Sign-off
You approve the prototype in the room. What you sign off is exactly what gets built.
05
Build and test
Built on WordPress or hand-coded, tested on real devices, checked for speed and accessibility before you see staging.
06
Live
Redirects, analytics, search set-up and a handover session so you can update it yourself from day one.
04 / What the designs do
Pretty is the minimum.
2.1xmedian lift in enquiries after a redesignfirst 90 days
98/100average PageSpeed score on launchmobile
54%average drop in homepage bounce ratevs the old site
5wkstypical brief to launchbrochure sites
Questions
About website design.
Anything else, ring us. A five minute conversation usually answers more than a five page proposal.
How much does website design cost?
It depends on the number of templates and how much is custom. Every project gets a fixed price after the discovery workshop, paid in milestones, so the number you agree is the number you pay.
Do I need a brand before you design the site?
No. If you have one we work within it; if it needs a refresh we can do both together, which is usually faster and cheaper than doing them separately.
How many rounds of changes do I get?
Two rounds on the design prototype are included, and in practice most clients need fewer because you are reviewing real screens on your own phone from week two.
Will I be able to edit the site myself?
Yes. If you will be changing pages, posts or products, we build on WordPress with editable blocks and walk you through it at handover. Hand-coded sites come with a simple way to change text and images.
Can you redesign my existing site without losing rankings?
Yes. We map every old URL to its new home, keep what is ranking, and set up redirects, search console and analytics before switching over.
Do you write the copy and supply photography?
We can. Copy that says what you do in ten seconds is part of the design job, and we can art-direct a shoot or source imagery if you do not have your own.
Next step
Ready for a site people remember?
Tell us what the business needs to do and we will tell you what the website needs to be. Fixed price, agreed milestones, no surprise invoices.