← Back to Case Studies
8 Weeks Client Project UI/UX Designer 85% Reduction in Support Queries WCAG 2.2 AA

Harrods Pre-Order Feature

85% reduction in support queries. 100% task completion in usability testing. A luxury pre-order experience that Harrods stakeholders described as exceeding expectations — designed and delivered in 8 weeks.

Designing a luxury-grade pre-order experience — giving high-intent customers a way to reserve coveted products before launch, while unlocking demand forecasting for the business.

Timeline
8 Weeks
Role
UI/UX Designer
Tools
Figma · Sketch · Miro · Zeplin
Team
UX/UI Designer · PM · Tech Lead · QA
Harrods Pre-Order Feature — Shopping Bag, Order Details, and Confirmation screens

Design Process

How I approached this project

01Discovery
02Insights
03Ideation
04Design
05Validation

01The Problem

A missing capability costing loyalty and revenue

Harrods had no pre-order capability. For limited-edition and high-demand products — where exclusivity and guaranteed access are core to the luxury proposition — this was a critical gap. High-intent customers were repeatedly missing launches, leading to frustration, repeated availability-checking, and missed conversion.

The business was also unable to forecast demand for limited releases, making inventory management reactive rather than planned.

"I missed out on the limited-edition bag I wanted because I didn't know when it would be available. By the time I heard about it, everything was sold out. There should be a way to reserve items in advance."

— Emma Thompson, Luxury Shopper

The design challenge was not just adding a pre-order button. It was making the entire experience feel effortless and exclusive — a luxury service, not an ecommerce transaction.


02Research

Understanding the luxury mindset

I used qualitative interviews with Harrods customers across segments, mapped limited-edition purchase journeys using analytics to identify friction and drop-off moments, and conducted competitive analysis of luxury pre-order patterns.

Customer interview report Competitive analysis
01
Customers value guaranteed access to limited releases over launch-day competition
02
Pre-ordering removes the need for constant monitoring, reducing frustration
03
High-value customers want to plan and budget purchases in advance

I anchored design decisions around a high-value luxury shopper persona — time-poor, experience-led, and skeptical of anything that feels transactional.

High-value luxury shopper persona

03Ideation

From problems to elegant solutions

Using Crazy 8s and rapid sketching, I explored different reservation models, then applied a value-vs-effort matrix to prioritise concepts that enhanced exclusivity and integrated seamlessly into Harrods' existing shopping flows.

User flow diagram Concept sketches

The six core features I prioritised:

1
Exclusive access notifications
VIP-style alerts for upcoming limited releases — reaching customers before items go live
2
Seamless reservation flow
Integrated into the existing product page — no disruptive standalone processes
3
Real-time order status tracking
Reassuring visibility from reservation confirmation through to dispatch and delivery
4
Flexible payment options
Hold with a small deposit or pay in full — reducing friction at the point of commitment
5
Wishlist integration
Signal interest before a product goes into pre-order — capturing demand earlier in the funnel
6
Concierge support
Personal assistance for high-value customers — preserving the service feel that defines Harrods

The key decision: I chose to integrate the reservation flow directly into the existing product page rather than building a standalone pre-order section. Stakeholders initially pushed for a separate hub — but research showed that any friction or 'different' experience at the moment of intent immediately eroded the premium feeling Harrods customers expect. Seamlessness was the luxury feature.

I integrated pre-ordering into Harrods' existing structure to ensure intuitive navigation and minimal cognitive load.

Information architecture

04Solution

Design & validation

I started with low-fidelity wireframes to validate flows, hierarchy, and terminology before applying any polish. Accessibility (WCAG 2.2 AA) was baked in from the start — not added after.

Low fidelity wireframes — product listing, shopping bag, order details, confirmation and email screens

The final high-fidelity designs delivered a complete end-to-end mobile experience — product discovery through to shipment confirmation. Scroll inside each screen to explore the full content.

Harrods Hampers product listing with Coming Soon labels

Product Listing

scroll to explore
Harrods Celebration of Christmas — product detail with Pre Order button

Product Detail & Pre-Order

scroll to explore
Harrods Order Details page

Order Details

scroll to explore
Harrods Thank you for your order confirmation

Order Confirmation

scroll to explore
Harrods Shipment Confirmation email — It's on its way

Shipment Email

scroll to explore

05Results

Measurable impact, luxury experience intact

85%
Reduction in pre-order related support queries
100%
Task completion in moderated usability testing
AA
WCAG 2.2 AA compliance throughout
Demand forecasting capability unlocked

Before

0%
No pre-order capability existed
High
Customer frustration with sold-out items
Low
Demand forecasting accuracy
Manual
Waitlist management process

After

Enabled
Seamless pre-order across web and app
85%
Reduction in customer support queries
Improved
Demand forecasting and inventory planning
Automated
Streamlined pre-order workflow

"Andrew brought a level of sophistication to our pre-order feature that truly reflects the Harrods brand. He balanced luxury aesthetics with functional clarity, working closely with our stakeholders to navigate strict brand guidelines. The result exceeded our expectations — customers love the seamless experience, and our team has seen a dramatic reduction in manual processing."

James Richardson
Senior Product Manager, Harrods Digital

Takeaways

What I learned

Luxury requires simplicity. Removing friction enhances perceived value. Every unnecessary step erodes the premium feeling.

Early access drives loyalty. Exclusivity strengthens emotional connection — customers don't just want the product, they want to feel like they got it first.

Accessibility is non-negotiable. WCAG 2.2 AA compliance was achieved without compromising a single aspect of the luxury aesthetic — the two are not in conflict.

Stakeholder alignment was critical. Working in an agile, cross-functional environment with commercial, tech, and brand teams required structured workshops and iterative communication throughout — not just at handoff.

Next project
SurgeryPrep — Personalised surgical guidance to reduce patient anxiety →
Interested in working together?

Let's discuss how I can help bring your product vision to life.

Get In Touch