Pierre Hardy

Pierre Hardy

Full mobile-first luxury e-commerce redesign, combining brand storytelling and transactional performance.

Role

Lead · E-commerce · Creative direction

Challenge

Strong brand. Weak digital presence.

Scope

UX · Mobile · DS · Brand

Impact

+65% revenue. Mobile-first. 3 months.

01 · Situation

A strong creative brand with a digital presence that did not match its level.

Pierre Hardy had a clear and distinctive brand identity — precise, artistic, uncompromising. Its digital presence did not reflect that level. The e-commerce platform was functional but misaligned with the brand's creative positioning and mobile usage reality.

The brief was a full redesign: a mobile-first platform that would serve as both a brand showcase and a transactional point of sale — without sacrificing one for the other.

01

Brand gap

Digital presence did not match the creative precision and artistic positioning of the physical brand

02

Mobile-first

Existing platform was not designed for mobile-primary usage patterns of luxury consumers

03

Brand vs commerce

Tension between storytelling depth and transactional efficiency had not been resolved

04

No design system

No component logic to ensure consistency across the platform or support future evolution

The design challenge

02 · Approach

Brand precision. Mobile intimacy. Commerce clarity.

The platform was redesigned around three principles: honour the brand's creative level, serve the mobile context first, and make the path to purchase frictionless without reducing the experience to a transaction.

Brand & identity

Tension

A creative brand constrained by a generic e-commerce template.

Pierre Hardy's visual identity — its use of colour, proportion and editorial silence — was being compromised by a platform built on standard e-commerce patterns. The design language had to be rebuilt from the brand's own logic, not from category conventions.

Call

Design from the brand's creative principles, not from e-commerce templates.

Every design decision was grounded in Pierre Hardy's visual language: the use of white space, the editorial treatment of product imagery, the typographic restraint. The platform was designed to feel like an extension of the brand's creative direction, not a commercial overlay on top of it.

Result

A digital identity that matched the physical brand's level.

The redesigned platform reflected Pierre Hardy's creative positioning consistently across every surface — product pages, editorial content, checkout and post-purchase. Brand coherence became a driver of commercial confidence.

Mobile-first UX

Tension

Luxury consumers browse on mobile. The platform was not designed for them.

Mobile usage patterns in luxury differ from mass market: longer browsing sessions, higher intent, sensitivity to friction and expectation of brand-level visual quality on small screens. The existing platform had been adapted for mobile, not designed for it.

Call

Design for the mobile luxury consumer's actual behaviour.

The information architecture, navigation and interaction model were rebuilt with mobile as the primary context. Touch interactions, image-first browsing, progressive product discovery and a simplified purchase path were designed together — not as a responsive adaptation but as native mobile thinking.

Result

+65% online revenue uplift post-launch.

The mobile-first redesign produced a measurable commercial impact in the first post-launch commercial period. The combination of brand quality and purchase clarity converted browsing intent into transactions more effectively than the previous platform.

Design system

Tension

No component logic to sustain the redesign over time.

A redesigned platform without a supporting design system would accumulate inconsistency over time. Pierre Hardy needed a component library that could maintain the visual level of the redesign as the platform evolved.

Call

Build an atomic design system grounded in the brand language.

A component library was built using atomic design principles — atoms, molecules, organisms — with every component grounded in the brand's visual rules. Co-design sessions with the development team ensured the system was implementable without interpretation loss.

Result

A scalable foundation for future platform evolution.

The design system gave the Pierre Hardy team a shared language for product decisions and a reusable component base for future features. Visual consistency became maintainable, not just achievable at launch.

Take away

03 · Outcomes

What the redesign produced.

A platform that served the brand and the business simultaneously — without compromising either.

BeforeAfter

Brand not reflected digitally

Mobile-first platform at brand level

Consumer-adapted mobile

Designed for luxury mobile context

No component system

Atomic DS sustaining the redesign

Underperforming e-commerce

+65% online revenue post-launch

online revenue

+65%

uplift in first post-launch commercial period

first

Mobile

platform redesigned for luxury mobile consumers from the ground up

design system

Atomic

component library built to sustain the redesign over time

coherence

Brand

creative precision maintained across all platform surfaces

04 · Takeaways

Three things this confirmed.

01

Luxury e-commerce is not a compromise between brand and commerce. The +65% uplift came from resolving that tension, not from prioritising one side of it.

02

Mobile-first means designing for intimacy. Luxury consumers on mobile expect the brand to feel as precise on a small screen as it does in a boutique. Adaptation is not enough.

03

A design system is a brand governance tool. Without component logic, design quality degrades with every update. The system made the standard maintainable.

Closing

The redesign was not a visual refresh. It was a commercial repositioning.

Pierre Hardy demonstrated that luxury digital design has direct commercial consequences. Getting the brand level right, the mobile experience right and the system right produced a platform that converted brand recognition into revenue — measurably.