Case Study

PurpleXtra

A rebrand-led website project that modernised PurpleXtra's digital experience and improved how users moved through the site.

Project overview

A focused rebuild shaped around real buyer decisions.

PurpleXtra wanted to rebrand and modernise its website, creating a more user-friendly experience that felt aligned with the business.

We began by defining the site goals and creating a style direction covering colour, typography, spacing, and the visual tone of the new experience.

Interface moments

The details that make the experience feel useful.

PurpleXtra project detail screen from the case study — PurpleXtra main customer journey

PurpleXtra supporting interface screen from the case study — PurpleXtra responsive or supporting journey

Brand system

A rebrand translated into a calmer digital experience.

The purple-led system gives the new site a more distinctive identity while the rebuilt structure keeps service messaging, page flow, and conversion points easy to follow.

Core purple

#68398a

RGB: rgb(104, 57, 138)
HSL: hsl(275, 42%, 38%)
CMYK: cmyk(25%, 59%, 0%, 46%)

Data violet

#4b28e1

RGB: rgb(75, 40, 225)
HSL: hsl(251, 76%, 52%)
CMYK: cmyk(67%, 82%, 0%, 12%)

Midnight

#131324

RGB: rgb(19, 19, 36)
HSL: hsl(240, 31%, 11%)
CMYK: cmyk(47%, 47%, 0%, 86%)

Results

What the work changed

Improved user experience

Higher conversion potential

Stronger brand awareness

Enhanced search foundations

The story

From friction to a clearer customer journey

PurpleXtra needed a site that did more than look refreshed. It needed to help real visitors understand the offer, make decisions, and take the next useful step.

What needed to change

PurpleXtra wanted to rebrand and modernise its website, creating a more user-friendly experience that felt aligned with the business.

How we shaped the solution

We began by defining the site goals and creating a style direction covering colour, typography, spacing, and the visual tone of the new experience.

What changed afterwards

PurpleXtra gained a more polished, user-friendly website and a clearer digital brand presence.

Design decisions

Built around the moments prospects actually care about

The project needed careful planning, clearer visual direction, secure development, and testing across browsers and devices.

Wireframes and mockups shaped the structure before development, while testing and SEO best practice checks helped ensure the finished website represented the brand properly.

Delivery

The parts that made it work

Vision and style direction

A practical style guide shaped the design choices and gave the rebuild a coherent direction.

Wireframes and build

Structured wireframes and mockups turned the rebrand into a secure, usable website.

Testing and SEO checks

Cross-browser and device testing helped protect the user experience at launch.

Proof points

Built around the moments that matter.

PurpleXtra gained a more polished, user-friendly website and a clearer digital brand presence.

The project improved the user experience, strengthened brand awareness, and created a better foundation for conversions and search visibility.

Improved user experience
Increased conversion rate
Increased brand awareness
Enhanced search engine ranking