Woolworhs is the biggest supermarket brand in Australia. The flagship mobile app plays a vital role in helping customers to plan, shop and save on groceries. Since I joined, the monthly active users have grown from around 500k (2019 Aug) to 1.4m (2021 Sep) with monthly revenue of over $33m 💥.
My Role
Product designer
Involved with end-to-end design process with a focus on UI delivery
Iterate and validate concepts that solve user pain points and improve the experience
Migrate and scale up the design system in Figma
#1 Illustration system
❓ Problem
It all started with the app's error & empty states. When I joined, there wasn't a consistent style of digital illustration set nor the guideline of when and how to utilise them. As a result, the app has an uneven experience across both iOS and Android platforms.
✨ Solution
Introducing a new illustration system used across mobile app and the eCommerce website, boosting user experience at scale.
📏 Approach
Explore a few styles of illustration and tested with customers sentiment
Closely work with the brand to implement the new illustration set
💥 Impact
A much delight and consistent experience across app
The new illustration style was also adopted by web products
Before: Inconsistency across both platforms
After: Introduce new illustration style
#2 Delivery Now
❓ Problem & Opportunity
Grocery delivery is one of the primary tasks for our customers on the app and website. As an opportunity for providing premium service, the business wants to create a new delivery service type to deliver within 2-3 hours.
✨ Solution
Adding the option into the current delivery window with extra onboarding content.
📏 Approach
One measurable MVP solution plus one long-term solution
Before: Old delivery window
After: with delivery now window
#3 Product tiles
❓ Problem & Opportunity
As the main UI element that users interacted with, product tiles have been using the legacy design that is less accessible and over complicated.
✨ Solution
Redesign the product tile with a much cleaner layout
Introduce grid view for low cognitive load users who focus on product images
Before: legacy product tiles
After: new product tiles
#4 Other concepts
Apart from day-to-day delivery work, we also experiment with new concepts and interactions.