Process · 10 stages
Process
Stage 01 · Discovery
Discovery & audit
Goal
Understand the business, the audience and what stops the current site from bringing enquiries.
What we do
- Brief and a call
- Audit of the current site: design, mobile, speed, structure
- Competitor and audience review
- Agreed project goals
Result
A short report on problems and tasks, with a cost and time estimate.
Moving on when
You've approved goals, scope and estimate.
Stage 02 · Strategy
Strategy & structure
Goal
Decide which pages are needed and in what order people get information.
What we do
- Sitemap
- User journeys from landing to enquiry
- Content priorities for each page
Result
Site structure and page list.
Moving on when
Structure approved — nothing gets lost later.
Stage 03 · Wireframes
Wireframes
Goal
Arrange blocks and hierarchy before colour and type appear.
What we do
- Black-and-white wireframes of key pages
- Placement of blocks and calls to action
- Checking the logic on mobile
Result
Wireframes of the home page and key templates.
Moving on when
Page logic is clear and approved.
Stage 04 · Art Direction
Art direction
Goal
Find a visual language that sets you apart from competitors.
What we do
- References and moodboard
- Type pairing and palette
- First-screen concept
Result
A concept shown on the home page's first screen.
Moving on when
You've chosen the style direction.
Stage 05 · UI Design
UI design
Goal
Extend the concept to every page and state.
What we do
- Design of key pages
- Components: buttons, forms, cards, menus
- States: hover, error, loading
- Mobile layouts
Result
Page designs and a component library.
Moving on when
Designs approved within the revision rounds.
Stage 06 · Development
Development
Goal
Turn designs into a fast site that's easy to maintain.
What we do
- Front-end build and components
- Content kept separate from code
- Forms, integrations, CMS — as needed
Result
A working version on a staging address.
Moving on when
All pages and features work on staging.
Stage 07 · Motion
Motion
Goal
Add movement where it helps reading and the feel of the brand.
What we do
- Section and heading reveals
- Transitions and hovers
- Respecting “reduce motion”
Result
A site with considered micro-interactions.
Moving on when
Animations don't hurt speed or readability.
Stage 08 · QA
QA
Goal
Find and fix issues before your clients do.
What we do
- Testing on phones, tablets and laptops
- Accessibility and contrast
- Forms, links, broken images
- Load speed
Result
A checklist with fixed issues.
Moving on when
No known blocking bugs.
Stage 09 · Launch
Launch
Goal
Move the site to its live address carefully.
What we do
- Production build
- Domain and HTTPS
- Redirects from old URLs
- Sitemap, robots, analytics
Result
The site is live on your domain.
Moving on when
The site loads and enquiries arrive.
Stage 10 · Support
Support
Goal
Not abandon the site after launch.
What we do
- Warranty fixes
- Edits and updates on a subscription
- Growth: new sections and features
Result
The site stays current.
We reply within one business day
Start withan audit?
The first step is a brief and a review of your current site. After that you get an estimate and a work plan.