AllSaints

Global fashion brand renowned for its distinctive aesthetic, blending contemporary design, British craftsmanship and a signature attitude that has become synonymous with modern urban style.

Studio:
AllSaints
Role:
UI/UX, Branding
Deliverables:
Responsive Web, Email Design
UX & UI DESIGN
DESIGN SYSTEM
PROTOTYPING
USER FLOWS
01.
The Challenge

As the brand continued to evolve digitally, the opportunity was to create a more elevated and cohesive experience that reflected AllSaints' premium positioning while supporting discovery, engagement and conversion across key customer journeys. Including a Homepage, PLP, PDP. Key Landing Pages redesign.

02.
The Approach

Maintaining the raw, understated character of the brand, I introduced a cleaner visual hierarchy, stronger imagery and more considered layouts, allowing the product and content to take centre stage throughout the experience. Developing a scalable design system to enable rapid design and efficient handover across the design team. Including colours, typography, buttons, layouts and complex components.

03.
The Result

The result was a more refined and premium digital experience, balancing fashion storytelling with commercial performance while remaining true to the distinctive character of the AllSaints brand.

Ensuring the online experience reflected the brand’s distinct visual identity, while collaborating with developers and copywriters to deliver pixel-precise, inspiring brand stortelling whilst maintaining commercially effective outcomes.

AllSaints

Role
UI | UX | Branding
SERVICES
10

As the brand continued to evolve digitally, the opportunity was to create a more elevated and cohesive experience that reflected AllSaints' premium positioning while supporting discovery, engagement and conversion across key customer journeys. Including a Homepage, PLP, PDP. Key Landing Pages redesign.

The Role

Global fashion brand renowned for its distinctive aesthetic, blending contemporary design, British craftsmanship and a signature attitude that has become synonymous with modern urban style.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Role

UI | UX | Branding

Client

AllSaints

Year

Ensuring the online experience reflected the brand’s distinct visual identity, while collaborating with developers and copywriters to deliver pixel-precise, inspiring brand stortelling whilst maintaining commercially effective outcomes.

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.

AllSaints