3XD · 2024

A website and broker portal that caught up with the business

3XD is a London general insurance provider that sells through a network of brokers. Their website hadn't kept up with the business, and the broker relationship ran almost entirely on email and PDF attachments.

Role
Designer, through Hive
Year
2024
Worked with
3XD's in-house developers
Where
Studio
What I did
Website designBroker portalIdentity refreshPrototyping
3XD: A website and broker portal that caught up with the business
01

The brief

It started as a website redesign and grew into a full digital overhaul: the public site, a dedicated broker portal, and a cleaner brand system underneath both, tied visually to the parent group, Brown & Brown.

02

Two audiences, two workstreams

The public and the brokers want very different things, so I ran it as two parallel workstreams. Sessions with the 3XD team pinned down what the public site had to do. Sessions with the people who manage brokers day to day showed exactly where the friction was: chasing quotes, finding documents, waiting on emails.

The sitemap and page template guide, agreed before any visual design started.

The sitemap and page template guide, agreed before any visual design started.

03

The website

The site is clean and minimal, built around their products and their story. Each product gets the same structure, so a visitor who understands one page understands them all.

Page templates on desktop and mobile.
Page templates on desktop and mobile.

Page templates on desktop and mobile.

04

The broker portal

The portal gives brokers a secure login, access to products and quotes, downloadable policy documents and application requests. The aim was simple: a broker should never have to email a sales team to get something they could fetch themselves.

The portal on desktop and mobile.
The portal on desktop and mobile.

The portal on desktop and mobile.

05

Built by their team

Development was handled in-house at 3XD, so my job was to leave nothing to guesswork. I built interactive prototypes in Adobe XD for the site and the portal, annotated with the nuances: interactions, states and the journey through each flow. Then I stayed on for QA.

Annotated screens for the developers, next to the quote form they describe.

Annotated screens for the developers, next to the quote form they describe.

At the time of our website build, we lacked design direction but understood who we wanted to engage with and how we wanted to be perceived. Hive Creative Media quickly understood our goals, and provided us with a customer facing website design that blew us away.

Oliver Kenny, Senior Software Engineer, Brown & Brown (3XD's parent company)
Next upRugby Borough Council→