Healthspan ecommerce web design and emails by Martin Gray

Healthspan Ecommerce UX Case Study — Checkout Redesign & Conversion Optimisation

Reviewing the checkout process for Healthspan highlighted customer confusions and enabled a redesign that was user friendly and mobile friendly too

This ecommerce case study outlines my work as an interaction designer improving the Healthspan checkout journey. Through user journey mapping, competitor analysis and mobile-first redesign, I reduced checkout friction, improved usability and increased conversion rates across desktop and mobile.

The challenge

Healthspan’s existing ecommerce checkout process was over five years old and suffered from significant drop-off. Google Analytics data showed approximately 25% of users abandoned the purchase funnel before completion.

The five-step checkout contained multiple distractions, excessive links and unclear calls to action. It was not mobile responsive, creating friction for users browsing on tablets and smartphones — an audience that was rapidly increasing at the time.

Without improving usability and simplifying the interaction design, online revenue risked declining and pressure on telephone ordering services would increase.

The approach

As the interaction designer on the project, I reviewed the full customer journey and benchmarked against leading ecommerce platforms including Amazon, Boots and Holland & Barrett.

  • Simplified the checkout from five stages to a streamlined sequence
  • Removed non-essential content and visual distractions
  • Applied mobile-first UX principles
  • Reduced cognitive load through clearer hierarchy and calls to action
  • Validated improvements through user testing and analytics

Below shows a selection of screenshots from the initial prototype that captures a submission date and displays the difference or time period with todays date.

The result

The redesigned checkout delivered measurable business impact:

  • 4% increase in total online sales
  • 30% increase in mobile conversions
  • Reduced checkout abandonment
  • Decrease in customer service calls related to checkout issues

This project demonstrates how strategic UX design and interaction design improvements directly influence ecommerce performance and conversion rate optimisation.

Weight Away email design and build - Martin Gray portfolio Healthspan - homepage redesign ecommerce - Martin Gray portfolio Healthspan - compare prices with Boots - Martin Gray portfolio

About the designer

Martin Gray is a UK-based web and interaction designer specialising in accessible GOV.UK services and complex digital platforms. Explore more web design case studies or learn more about Martin Gray.