Selected Work · Website Redesign

Hive didn't want to look like another agency.

They wanted a site that leads with their clients' challenges, shows real work, and builds trust, one their own team could run. I rebuilt it on a design system and shipped it live on a ranked site, with no downtime.

ClientHive Digital Marketing
RoleDesign & build
SystemZenUX pattern library
StatusLive · signed off

What Hive wanted

A site that builds trust, not another service catalog.

Stephen came in with a clear point of view. The site had three jobs.

01Organize around challenges.

Lead with the problems their clients actually have, not a list of services.

02Demonstrate real expertise.

Show the work, and let it earn the trust.

03Stay editable by the team.

No calling a developer for every change.

The constraint

Live. Ranked. Edited daily.
No staging environment.

So the redesign had to land in production without losing rankings or dropping a single moment of uptime.

Before & after

Same business. A completely different first impression.

Before
Original Hive homepage

The starting point: a capable, service-led layout on a stock template.

After
Redesigned Hive homepage

Rebuilt around client challenges, with real work and a real client testimonial.

↕ scroll either panel to see the full page

The system underneath

I didn't style pages. I built the design language they run on.

Before a page was built, I designed the brand board it all comes from: palette, type, iconography, photography direction, and the layout system. Brand color, a full type scale, and spacing flow from one set of tokens, so the whole site stays consistent and rebrandable.

Hive brand board: palette, typography, iconography, photography direction, and homepage concept
The Hive brand board: the full design language, and the homepage it produces.

The method

How a live, ranked site got rebuilt without a safety net.

1

Pull down

Mirror the live site locally, read-only. Nothing touched in production.

2

Plan the IA

Lock the sitemap and page roles. URLs preserved, nav relabeled for clarity.

3

Build the system

Token engine plus 30+ reusable section patterns, the design language above.

4

Rebuild + reframe

Every page assembled from patterns; content organized around client challenges.

5

Trim & map SEO

24 to 10 plugins. A 1:1 redirect map; metadata preserved page by page.

6

Ship it live

Cut over under a content freeze. No downtime, no lost rankings, fully editable.

No staging environment. The launch method was built into the system itself.

The outcome

0rankings lost.

URLs and SEO carried over. No downtime and no lost data through the cutover, and the client signed off happy.

2410
plugins. Lighter, and easier for the team to maintain.
10
pages rebuilt on one design system.
100%
editable by the client's own team.

The takeaway

This is what “I think in systems, not screens” looks like in practice.

Start a project →
The redesigned Hive site on a laptop and phone