![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/d3ee7ee5-9783-45db-94cc-9cab22e0fa9d_rw_1920.jpg?h=9b2cc07dda47c4b646873b2b58535575)
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
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/4461cc42-83c3-4dfd-81a4-8c84b8c55600_rw_1920.png?h=314733c49a4f6967b1fad4f3d294d1b4)
Current user flow
User journey
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/a9912f61-4fa2-4821-9820-7406543b05e9_rw_3840.jpg?h=90e86d87ab7cb0dc106ac37464cda191)
Flow Schema from inception to completion
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/96b8315e-d4c0-4a82-808c-c2219490e1c1_rw_1920.jpg?h=750623815aa523239ceb6e8cf1b9be26)
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.
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/0efdc380-d638-4751-9328-d92692ddee58_rw_1920.jpg?h=81861ef8a311b7020488e88334714ff8)
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/85d62ef5-88c5-4fbf-8073-5320540efef6_rw_1920.jpg?h=b7b6ca665d27de28fe376090cfad273a)
Revised Information architecture
Low fidelity wireframes
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/fa7c4ff3-9719-4645-b06d-52bff6e80d95_rw_1920.jpg?h=ae03f695fbb457e4e9776fe0f1a0d33a)
Low Fidelity wireframes from grocery homepage to slot booking confirmation
Final Design
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/5014f1ac-ba0e-43e9-988e-d514b0739705_rw_1920.png?h=acfac1a08388a59d2bbf3ddd23d6e5f1)
Comparison between the empty cart state and filled cart state of the homepage
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/f61958a0-63c1-4331-b053-12d9c7f45453_rw_1920.png?h=f1be633f318ecbcf214b5c23976f86cf)
Visually revamped book your slot section
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/66654ca6-a6e6-4cf6-9164-0171d2e1b431_rw_1920.png?h=ab3d50c305f254c4cb5ccd913e30e7aa)
Visually revamped Whoosh Instant / Home delivery section
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/7051ca4c-afdb-4d5e-a8ae-cdaf337372c5_rw_1920.png?h=ef8701306b8ad6e8d4976282b21be3bf)
Visually revamped Basked Review screen
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/eede867a-ceda-4f3c-adb7-2598c3424f4b_rw_1920.png?h=244f88b9bd277c2825df635418c7c58c)
Delivery Confirmation Screen
![](https://cdn.myportfolio.com/c4c1e92e237562c4697be1f9c85537c6/72f92795-068e-475d-8f54-286e1eb7f8b6_rw_1920.png?h=95313b3baade71bfa5b0f78ccec6789c)
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