Declutter Declutter as the name suggests, is the action to ‘remove unnecessary items’ and so did we (Design Team @ MB) took the opportunity with the Java Shift from Technology to give Milkbasket a more refined look with:
1. High quality, recognised images
2.High contrast
3.Played with white space to a cleaner look
4.Faster features
The visual appearance of a website/application has a massive, almost instant, impact on users’ trust in and perception of quality of the website/application overall, affecting, for example, how users subsequently rate overall usability, regardless of how well ‘interaction design’ has been done.
Emphasis
Defined user journey
PDP Better Discoverability
Home
Migration
PDP
White Spaces
PLP
Clean images Better Aesthetics
Lesser Cognitive Load
Few glimpses of the make over
12:30 22
Home
5
Items to be delivered tomorrow Th ursday, 1 4t h Apri l 2 0 16
Home • • • • •
Cards Emphasised
Intercom icon changed
Recommendations card to be emphasised
Cleaner Sub-category
Message icon to Notification Bell, since functionality doesn’t allow chat.
Your Regular
VIE W ALL
Amul Double Toned 500 ml Milk
Amul Double Toned 500 ml Milk
Amul Double Toned 500 ml Milk
500 lit 250 300 5% off
500 gm 250 300 5% off
1 Box (8000 gm) 250
Add
1
Dairy
Milk
Breakfast
Bu<er & Cream
Cheese & Paneer Yogurt
Funnels to be created Product Recommendation
Add_Basket_Error Basket Viewed Add to Basket
Searched
Category viewed
Product Viewed
Product related Events to be tracked
Edit Recurring Sub-category viewed
Remove from basket Basket-Rest of the Week
Events to Monitor Subcategory visited
Events to Add Event name: Average Time Spent
Condition: When customer views subcategories increasing their chances to end up buying
Parameters : Discoverability
Funnels to be created
App Uninstalled
App related
Events to be tracked App Installed
App Launched
Funnels to be created Signup Start Signup-City
Society Searched
Invite Code-Details
Onboarding Events to be tracked
Signup-MobileNoEntry
Signup-MobileNo verification Signup-Splash Screen Viewed
Invite Code-Popup Description Signup Society Selected
Signup complete
Invite Code-Popup Viewed
Ham Menu • • •
More spacing & contrast is aiding readability.
Better icons.
Help is more accessible.
Funnels to be created Payment Start
Payment Success
Charged
Payment related Events to be tracked Shopping Credits
Payment Failure
PLP • •
More spacing & contrast is aiding readability.
Better image quality.
Funnels to be created Referral Start Banner viewed Welcome Popup Viewed
Notification Viewed
Communication Events to be tracked Notification Clicked
Notification Sent Referral Copy
Referral Success
Events to Monitor Product Detail Page
Events to Add Event name: Request, See Similar
Condition: When customer clicks on either request/see similar products.
Parameters : Product listing Page
Events to Monitor Basket-Viewed and Basket-Rest of the week
Events to Add Event name: Basket-Add more items
Condition: When customer views basket for tomorrow and add items from options
Parameters : Cart, Basket
12:30
PDP • •
More spacing & contrast is aiding readability.
Better image quality.
Kohinoor Authen.c Hydrabadi Biryani Rice (Buy One Get One Free) 4 PC (8000 gm) 250
300 5% off
Add
Product Descrip.on Lorem Ipsum is simply dummy text of the prin.ng and typese<ng industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Benefits Lorem Ipsum is simply dummy text of the prin.ng and typese<ng industry. Lorem Ipsum has been the industry's
Schedule
Recurring
12:30
Error/Empty state • • •
Moved to mobile appropriate bottom sheets.
Made more conversational.
Adding delight to the experience.
Apple Premium (washington) - 20% off 4 PC (8000 gm) 250 300 5% off
Add
Product Descrip.on Lorem Ipsum is simply dummy text of the prin.ng and typese<ng industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Oops..the last ship(ment) has sailed.. Benefits Lorem Ipsum is simply dummy text of the prin.ng and This item will now be delivered on 30th April 2019. typese<ng industry. Lorem Ipsum has been the The current price may vary. industry's
Add Anyway Schedule
Repeat
12:30 All repeat orders start from day aWer tomorrow
Red Bellpepper 4 PC (8000 gm) 250 300 5% off
Recurring • •
Enhanced selection process.
Improved aesthetics and visual language.
SE T F R EQ UE NCY
Weekly
Once in 2 weeks
Once in 4 weeks
SE T Q UANT ITY MON
TUE
WED
THU
FRI
SAT
SUN
—
—
—
—
—
—
—
1
0
1
1
1
1
1
+
+
+
+
+
+
+
SE T START ING DATE
Thursday, 15th January 2019
Set Recurring Order
Events to Monitor Set Recurring and Edit Recurring
Events to Add Event name: Holiday, Settings,Recurring
Condition: When customer lands on holiday/settings/recurring respectively (to map discoverability)
Parameters : Source Hamburger,Banner
Search • •
Made Search more discoverable.
Tags are emphasised.
Events to Monitor Products added thorough search VS products added through navigation
Product Selection Route More products added through navigation, ensures better discovery and user experience.
Condition: When customer is enjoying the whole journey and ending up buying things
Holiday • •
Moved to mobile appropriate bottom CTA .
Made more conversational.
User Engagement Increased Navigation Session Interval and Session Length Average time spent