Two devices showing the Dutton Gregory website Highlighting the locations archive design for Dutton Gregory Highlighting the multi-level filtering archive design for Dutton Gregory

A stronger brand, better WordPress website. Designed for clarity and performance.

Our role

UI Design | Development | WordPress Website

Industry

Law

Dutton Gregory is a long-established specialist law firm covering family, property and business law. They’re trusted across Hampshire, Dorset, Surrey and Merseyside, with a track record of strong outcomes for both private individuals and businesses.

The problem was not capability. It was clarity online. Rouge was brought in to modernise the website so it reflects the firm today and perform for what comes next. To help generate enquiries / leads by making the offer clearer and easier to navigate.
Two devices showing the Dutton Gregory website
Father and daughter looking at book together

Less confusion. More action.

Dutton Gregory’s old website did not reflect the firm it had become. It was holding performance back, not driving it forward. Navigation was inconsistent and key journeys were hard to follow. This created friction and increased drop-offs.

We focused on understanding the business and its audiences in detail. 
Pinpointing where users were getting stuck, we used our insights to shape a streamlined navigation experience built around clear, logical routes to the right service.

An image showing the soft and sharp design approach
Showing a graphical design for Dutton Gregory
Dutton Gregory Typography
Dutton Gregory Brand Device Graphic

Designed to earn trust and drive action.

We redesigned the website to remove visual clutter and create logical journeys across the firm’s three core pillars: property, family and business. Every route was refined to make the next step obvious, with consistent, well-placed prompts to get in touch. Increasing engagement and conversions.

The experience was designed to feel warm and empathetic, creating an environment suitable for those experiencing the moments that bring them to a law firm to begin with. The result is a modern digital presence that stands apart from competitors and gives Dutton Gregory a stronger platform for performance and future growth.

Showing the progression of the website from wireframe to full design
Dutton Gregory Sitemap and Navigation
Dutton Gregory Sitemap and Navigation
Dutton Gregory Colours
Showing a module design for Dutton Gregory
A design for a business card for Dutton Gregory
Event name badges for Dutton Gregory

Built for growth. Built on WordPress.

The site was built on WordPress with performance and longevity as the priority. We developed a flexible set of modular page builder templates and modules to keep pages lightweight, consistent and easy to maintain within the Content Management System. Modular page-builders ensure that key journeys and calls 
to action stay clear across every device.

Showing a module design for Dutton Gregory
Example of a signage design for Dutton Gregory
A young couple outside a the front of a house
Showing the checkout process
Showing the people section on the website
Showing the Bournemouth location card
Showing the Bournemouth location card
Woman holding phone looking at the Dutton Gregory website