Healthspan Ecommerce UX Case Study — Checkout Redesign & Conversion Optimisation
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.
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.