User Interface Design

My goal was to design a smooth, intuitive shopping experience for Al Madina Group’s online grocery app, bringing the brand’s trusted retail experience into a modern digital platform.

Al Madina — Mobile App UI Design

The project focused on translating Al Madina Group’s extensive retail network into a simplified digital interface for daily users. The aim was to create a shopping experience that feels clean, fast, and effortless, reflecting the ease of in-store navigation.

I designed a mobile-first interface with a clear hierarchy, bold icons, and card-based product layouts for better scanability. Key features such as smart search, cart preview, and quick-add buttons were strategically positioned for thumb-friendly access and smoother checkout flows.

The color palette draws inspiration from Al Madina’s brand identity — soft greens and whites symbolizing freshness and trust — while the rounded shapes and light gradients add a friendly, contemporary feel.

The result is a user-centric grocery app that enhances convenience for shoppers and gives the brand a strong digital presence aligned with its established retail image.

Project information

  • Category UI/UX Design / Mobile App Prototype
  • Client Al Madina Group Abu Dhabi – Retail Division
  • Tools UsedFigma, Adobe XD, Illustrator, Photoshop
  • PrototypeAvailable on request