Hackett London

DELIVERABLES
Responsive Web, Email
STUDIO
Garwood Studio
ROLE
Senior Designer
SERVICES
UI, Art Direction
OVERVIEW

Translating British Heritage into a Premium, Conversion-Led Digital Experience for Hackett London

As Senior UI Designer and Art Director, I led the visual direction across the Homepage, Campaign Editorial Pages, Email Design and the creation of a new Gift Card experience. The objective was to express Hackett’s British heritage through a premium, clean and sharply structured digital lens. I worked closely with campaign imagery and brand storytelling, crafting layouts that felt elevated and editorial while remaining highly shoppable. Every page was designed to balance refinement with performance, ensuring the aesthetic remained considered, and the journey commercially effective.

OVERVIEW

Rooted in British heritage, shaped by storytelling, a digital experience defined by clean lines, premium detail and purpose in every interaction

OVERVIEW

Modernising The Hack. A Clean, Structured Editorial Platform Built on Heritage and Precision

I led the redesign of The Hack, Hackett’s digital editorial microsite. The challenge was to evolve the platform into a more contemporary, premium experience while preserving its authority and heritage tone. Through disciplined typography, modular systems & a refined grid structure, I established a scalable framework that delivered clarity and consistency. The result is an editorial environment that feels sharp, confident & unmistakably British.

Hackett London

Role
UI | UX | Branding
SERVICES
13

As Senior UI Designer and Art Director, I led the visual direction across the Homepage, Campaign Editorial Pages, Email Design and the creation of a new Gift Card experience. The objective was to express Hackett’s British heritage through a premium, clean and sharply structured digital lens. I worked closely with campaign imagery and brand storytelling, crafting layouts that felt elevated and editorial while remaining highly shoppable. Every page was designed to balance refinement with performance, ensuring the aesthetic remained considered, and the journey commercially effective.

The Role

Translating British Heritage into a Premium, Conversion-Led Digital Experience for Hackett London

Hackett Earth, in an effort to preserve our planet, H.E includes a selection of pieces across our collection that live under our three pillars of sustainability.

Role

UI | UX | Branding

Client

Hackett London

Year

Rooted in British heritage, shaped by storytelling, a digital experience defined by clean lines, premium detail and purpose in every interaction

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Hackett London