T&T Supermarket 2021
Role: User research, UX/UI design, user testing
Team: 1 Product manager / 3 Engineers / 1 Project manager / 1 copywriter / 1 Business analyst
Type: Mobile App / Responsive web
Tools: Adobe XD / Adobe Suites / Miro / Google Analytics
Timeline: April 2021 – August 2021
Released Time: September 2021
How I led this project?
I was the primary designer leading this project in 2021. From ideating early concepts, running design sprints, regularly presenting to leadership, and delivering final assets for production. I worked with multiple cross-functional teams including 1 product manager, 1 project manager, business analysts, 4 engineers, and leads from e-commerce, fulfillment, and business operation.
About T&T Shopping Online
to fulfill the online orders
assortment at offline stores
use the user's location to assign the closest store to deliver the order
Increase the placed order rate and reduce the bounce rate.
our solution should be pragmatic based on the current fulfillment
modules and use cases.
And staying on budget.
Users should go through the checkout journey easily and smoothly.
Allow users to switch delivery methods.
Lighthouse accessibility score is 90+.
How do people get their grocery items?
2 Main Service Modules
Express Delivery ( All products except for hot food & cake )
Mail Delivery ( Non-perishable products )
Store & Neighbourhood Pickup ( All products )
The bounce rate of the checkout process was high. Our research showed that many users terminated their checkout due to the errors of unavailable items.
3. Users have to back to
the shopping cart to fix
2. Payment block
1. Error occurs
Products users can see not equal to products users can buy
Enter a postal code
Switch to Pickup
At shopping cart stage
Flexibility to switch the service modules
Double-check product’s availability by using the address
Automatically deselect the unavailable item and easy to delete
Why don't we let people choose the service module when landing?
Best Balanced Solution
We are an omnichannel.
When the user doesn't allow us to use the location, we will assign
a default postal code – L3T to the user. In this way, we ensure to show everyone a rich assortment of online grocery websites in any scenario.
You may also like...