John Lewis & Partners
Basket experience - 2019/20
The brief
As part of the 2018 John Lewis rebrand, the basket was simply re-skinned to reflect the new branding. In 2019 a delivery team was formed to specifically look at improving the basket experience and enable customers to proceed to checkout seamlessly.
![Basket_img1.png](https://static.wixstatic.com/media/ac46da_f0573a11666344c69b31579538c8a81c~mv2.png/v1/fill/w_980,h_595,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Basket_img1.png)
The approach
Before identifying any customer pain points, it was clear to me there were some hygiene elements that needed to be addressed first. This included an accessibility audit to ensure the experience was WCAG compliant and that users with accessibility needs could complete the shopping journey. Various components that needed aligning to our design system to ensure consistency, as well as revising copy to reflect the brands tone of voice. Once these were completed I could focus on enhancing the journey, carrying out competitor analysis, and working with UX and UXR to gather user insight into features that could be of value to customers and the business.
![Mono-img1.png](https://static.wixstatic.com/media/ac46da_7948f462b841451c80ec9c82c112860b~mv2.png/v1/fill/w_509,h_330,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mono-img1.png)
![C2C_interaction.gif](https://static.wixstatic.com/media/ac46da_638a74dcc4d6448392d0328f202c0629~mv2.gif/v1/fill/w_288,h_512,al_c,usm_0.66_1.00_0.01,pstr/C2C_interaction_gif.gif)
The solution
We identified an opportunity to improve the visibility of the ‘continue to checkout’ call to action to better enable customers to progress with their shopping experience as well collaborating with other teams across the business to surface social proof messaging to be transparent with customers and help create awareness when necessary.
I also worked with the Product Owner, UX and UXR to establish a backlog of features to test such as dynamic delivery information, save for later, and mini basket.
![Mini-Basket-Interaction.gif](https://static.wixstatic.com/media/ac46da_a1c03db0b667446c9713bd6f072c3862~mv2.gif/v1/fill/w_589,h_368,al_c,usm_0.66_1.00_0.01,pstr/Mini-Basket-Interaction_gif.gif)
![Basket_img2.png](https://static.wixstatic.com/media/ac46da_6996efd6fb9c4d36b3ba01e11f901355~mv2.png/v1/fill/w_974,h_480,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Basket_img2.png)
The outcome
Improvements to the error messaging component and copy increased conversion by 1.2% for those customers who saw an error message, which unlocked a 1.8m in year benefit.
Creating more prominence around the ’Continue to checkout’ call to action saw a 1.1% increase to checkout on mobile which overall contributed to a £6.6m in year benefit.
Featuring social proof messaging to be transparent with customer and highlight awareness when needed contributed toward and 0.10% increase in conversion, an in year sales uplift of £41.8m, and estimated full year £44.9m