A new e-commerce site for the iconic British luxury department store

Fortnum & Mason

Summary

Established in 1707, Fortnum & Mason is an upmarket London department store, supplier to the British royal family. They required an update to their ecommerce site.

I was hired by London agency Redbox to lead the site-wide redesign, focusing on a flawless execution and bringing the sophistication of the brand into their online shopping experience.

Over 7 weeks, I oversaw the design direction of the landing, listings and product pages, as well as redesigned the cart and checkout to allow complex scenarios involving split shipments to multiple addresses.

The result was a vastly improved shopping experience, and a new checkout that saw conversions increase by 12%, and a 17% increase in complex split shipment checkouts.

My role

  • Research
  • UX design
  • UI design
  • Visual design

Team

  • 3 Designers
  • 1 Product Manager

Project Goals

  • Redesign the site to align with branding work of the previous few years
  • Deliver a standard of design that reflected F&M’s high end status
  • Refine the ‘brilliant basics’ of e-commerce
  • Deliver a fast and painless shopping experience for the customer
  • Provide better information to visitors of the physical store
  • Bring the experience of shopping at Fortnum’s to the screen

Wireframes

I created wireframes for most of the pages, which served as vital points of discussion with the client. These were then used to create finished designs and/or handed over to other designers.

Moodboard

We looked at a mix of luxury and fashion sites as well as existing Fortnum’s product photography.

Check out

The Check Out

In addition to overseeing the designs, one of my main roles on this project was to tackle the checkout experience. Fortnum’s were very keen to develop a seamless flow using best UX practice, but what made this particularly challenging was a range of complicated scenarios.

For example, some items such as perishable goods would have to be shipped at different times and from different locations to the rest of an order. Or a corporate customer may wish to ship a large order to many different clients. Or even more infuriatingly, multiple address shipments themselves may have to be split and shipped separately.

All of this had to be considered and incorporated into an effortless checkout experience.

The Cart

The Check Out

Logged in flow

Logged out flow

Split shipment flow

Multiple address, split shipment flow

Final designs

Homepage

Landings Pages

Biscuits

Tea

Listings page

Product details page

Back to top ↑