Aims
To redesign the Sainsbury’s grocery shopping app to streamline the user experience, enhance accessibility, and improve engagement with key features such as adding items to the basket, managing orders, and accessing offers through Nectar.
Audience
Online grocery shoppers and nectar card account holders.
Apps
Figma.
Challenge Identified
Cluttered homepage with unclear hierarchy.
Inefficient navigation to frequently used features like "Previous Orders" and "Nectar."
Lack of visual emphasis on booking slot and payment to complete order.
Design Language
Visual Design/Brand Aesthetics:
Warm orange tones for primary accents.
Clean, sans-serif typography for readability.
Ample dark space for a modern and uncluttered look and less stress on the eyes.
Basket system
Mockups
High-fidelity screens of the homepage, basket, previous orders, and Nectar offers pages.
User Testing Results
Conducted usability testing with 5 users using an interactive prototype:
Success Rate: 95% of users successfully completed tasks such as adding items to the basket and finding Nectar offers.
Reduced time to locate Nectar offers by 40%.
User Feedback:
"The homepage feels much cleaner and easier to navigate."
"I love how quick it is to reorder my regular items now."
Metrics for Success
Before Redesign:
Average task completion time: 3 minutes.
Abandonment rate: 15%.
After Redesign:
Average task completion time: 1.8 minutes.
Abandonment rate: 5%.
Key Takeaways
Streamlined navigation with a decluttered homepage.
Enhanced accessibility to key features like Nectar offers and Previous Orders.
Optimised the "Add to Basket" feature for speed and visibility.