Groceries Delivery UI/UX

We completed a comprehensive UI/UX design project for a grocery delivery website and mobile app, aimed at enhancing the shopping experience for users with a focus in Weekly Groceries Delivery.

Client:

o2store

Year:

2023

#ui/ux-design 

Image0008
Mockup-copy
MacBook-Pro-with-Vase-Mockup
Mockup
MacBook-Laptop-Mockup

Research Insights

Our market and user research revealed several key findings:

  1. Weekly Groceries List: Users expressed a strong desire for a feature that allows them to easily reorder frequently purchased items. This led to the introduction of a Weekly Groceries List functionality.
  2. User Preferences: Customers preferred a seamless experience that minimizes the time spent on repetitive tasks, such as searching for common items.

Website Design

The website was designed with a responsive layout to ensure optimal performance across devices. Key features include:

  • Landing Page: Engaging visuals and clear navigation to guide users.
  • Search Functionality: Advanced search options with filters for categories, price range, and product availability.
  • Product Categories: Organized sections for easy browsing.
  • Product View: Detailed product pages with high-quality images, descriptions, and user reviews.
  • Bundle Sales: Suggestions for products that complement each other, encouraging users to purchase related items.
  • Shopping Cart & Favorites List: Easy access to selected items and saved favorites for quick reordering.
  • Weekly Groceries list: A dedicated feature that allows users to easily manage and reorder their frequently purchased items, streamlining the shopping process.
  • User Account Management: Secure login and profile management for personalized experiences.
  • Membership Details: Information on loyalty programs and exclusive offers.
  • Order Tracking: Real-time updates on order status and delivery.

Mobile App Design

The mobile app mirrors the website’s functionality but is optimized for touch interactions. Key features include:

  • Intuitive Navigation: Simplified access to all functionalities with thumb-friendly design.
  • Instant Notifications: Alerts for order status updates and promotions.
  • In-App Chat Support: Direct communication with customer service for immediate assistance.
  • Order Tracking: Real-time updates on order status and delivery displayed on a map.