Mobile App Design
For Wadi Grocery

Designing a seamless mobile grocery shopping experience for one of the Middle East's leading online supermarkets.

Role

UI/UX Designer

Period

2020 - 2021

Skills Utilized

Mobile DesignUI DesignUX ResearchPrototypingFigma
Wadi Grocery hero

Overview:
Backstory of the work.

Wadi Grocery is a mobile grocery delivery app serving the Middle East market. As the UI/UX Designer, I was responsible for crafting the end-to-end mobile experience — from browsing and product discovery to checkout and delivery tracking.

The goal was to create an intuitive, fast shopping experience that could handle thousands of products while keeping the interface clean and accessible.

Wadi Grocery mobile screens overview

Design.
Typography & Color System.

Building a cohesive visual language was essential for the app. I defined a typography scale and color palette that balanced brand identity with readability and accessibility across all screen sizes.

The design system ensured consistency across every touchpoint — from product cards and category navigation to promotional banners and checkout flows.

Wadi Grocery typography and color system

Screens.
Key App Interfaces.

The app features a streamlined shopping flow with intuitive product browsing, smart search, and a frictionless checkout process. Every screen was designed to minimize the steps between discovering a product and completing a purchase.

Wadi Grocery app screens on iPhone

The Impact.
Productivity & Outcome.

The redesigned mobile experience brought a cleaner, more efficient shopping flow to Wadi Grocery users. The streamlined interface helped reduce friction in the purchase journey and improved overall usability.

This project reinforced my approach to mobile-first design — prioritizing speed, clarity, and ease of use in a high-frequency, content-heavy application.