Design Objective
This project aims to optimize the delivery and slot availability experience on Tesco's website. Also, the overall user interface for the delivery services offered by Tesco should be improved.
User Study
Current user flow
User journey
Flow Schema from inception to completion
Empathy Mapping
Information Architecture
In the existing system, the overall shopping experience was divided into 3 parts, click+collect, Home delivery and Whoosh (instant delivery). Upon further research, it was evident that the delivery service can be merged into a single service, Whoosh. This will enable us to reduce the extra step between choosing the service and executing the payment.
Revised Information architecture
Low fidelity wireframes
Low Fidelity wireframes from grocery homepage to slot booking confirmation
Final Design
Comparison between the empty cart state and filled cart state of the homepage
Visually revamped book your slot section
Visually revamped Whoosh Instant / Home delivery section
Visually revamped Basked Review screen
Delivery Confirmation Screen
Incomplete Delivery screen
Advantages
The revamped screens are more affordable and allow users to make conscious decisions through improved navigation, information grouping, and card design. Apart from resolving the UX problems, I also worked on the UX copies which nudge the user to make faster decisions, eliminate doubt and enhance the selective experience of scheduling deliveries.
Key Learnings
Tesco's delivery system is already part of a robust and well-designed ecosystem of applications, but I firmly believe that certain interventions can make the system perform even better and create an opportunity for a better user experience to be weaved paired with an aesthetic user interface.
To learn more about this project, get in touch
