UX Design: Online basket & checkout experience

Timeframe: 6 months

Objective

The Boots checkout project aimed to re-design the online retail & basket experience in order to reduce basket abandonment, drive more conversions and drive subsequent sign-ups. The work also aimed to provide a newer and more modern experience to Boots customers, introducing more intuitive UX patterns, a smoother and more consistent UI and to drive the production of a modern Boots design system.

I led the UX for the project which included 3 large design epics for a “quick buy” feature, the basket and the full checkout experience, as well as contributing to the Boots design system and user story documentation.

I worked with product management to establish key user objectives for the work:

  • Increasing user engagement throughout the basket and checkout, resulting in increased pending and completed orders.

  • Increasing the conversion of guest customers, resulting in an increase in registered customers.

  • Reducing the number of steps/clicks to checkout completion, resulting in faster order completion times.

  • Reducing the friction of finding a desired product (ie. Recommended items), resulting in increased pending and completed orders.

  • Increasing the engagement for order planning (ie. saving items), resulting in increased pending and completed orders.

Approach

I worked closely with business and design stakeholders and led junior UX designers/researchers throughout the work.

The discovery work I led for this project included:

  • Leading market and competitor research

  • Running design thinking activities

  • Completing usability testing on alternative UI patterns and competitor comparisons

The design work I led for this project included:

  • Wireframing the full desktop and mobile experiences & creating clickable prototypes to test ideas at every stage

  • Running co-design sessions with the design team and design reviews with key stakeholders

  • Collaborating with technical architects and developers to explore approaches and data requirements

  • Performing user testing and communicating results, iterating on designs

  • Documenting complex user flows and accessibility specifications

  • Working closely with business analysts and product management to write user stories and acceptance criteria

I worked closely with a visual designer to finalise the design and create final prototypes to showcase the end-to-end experience across different user scenarios. We also worked closely with the Boots design team to contribute back to the design system.

Reviewing existing experiences and UX objectives

UX process mapping

Wireframing, initial concept development

Outcomes

The key outcomes from this work included:

  • End-to-end design completion including a series of complex user flows, prototypes and design system components

  • Documentation of user experience enhancements across each journey

  • Documentation of user research, market research and usability testing

  • A backlog of user stories (over 1000 user stories!) and acceptance criteria

The indicative value measurements of this work include:

  • An increase in satisfaction of the basket and checkout experience - from an average of 7/10 to 9/10

  • An increase in understanding of how to ‘favourite’ items - from an average of 6/10 to 8/10

  • Simplifying the experience: For the shortest possible user flow, a reduction in ‘clicks to checkout’ from 3 to 2

  • Simplifying the experience: For the longest possible user flow, a reduction in ‘clicks to checkout’ from 12 to 8

  • An overall time savings of around 30-40% compared to the previous checkout experience

  • An increase in saving/purchasing related items due to the inclusion of recommended items in the basket experience

This work also resulted in consecutive client NPS scores of 10/10.

Example from final basket and checkout prototypes

Example full UX flows

Example accessibility documentation

Previous
Previous

UX/Service Design: Investigative journalism

Next
Next

UX: EV charging experience