DigiGrammers®
Business & IT Consultants · Est. 20170
AboutWorkProducts Let's Connect →
sales@digigrammers.com · support@digigrammers.com
+91 78952 22401
← All work Mobile · Retail · 2024

Grocery App

A thirty-screen grocery app covering the whole run — onboarding, discovery, cart, payment and live order tracking.

ClientConcept
Year2024
IndustryRetail · Grocery
ServicesUI/UX · Mobile
Partner
StatusDelivered
Grocery App — screen 11 of 30Grocery App — screen 1 of 30Grocery App — screen 2 of 30Grocery App — screen 3 of 30
(01) Overview

An end-to-end mobile grocery product designed across thirty screens, from first launch to a delivery arriving. The whole flow was drawn against real content and handed over as a component system rather than a set of pictures.

(02) The challenge

Grocery apps clutter faster than almost any other category. Categories, deals, several stores, favourites and half a dozen order states all compete for the same screen, and the home page is usually where that fight is lost.

(03) What we built

A calm, legible layout with a fixed information hierarchy, so a busy home screen and a quiet profile screen still feel like one app. The flow runs illustrated onboarding, phone and OTP sign-in, category and location setup, home, store and product browsing, cart with current and past orders, checkout, payment, live order tracking, and the account screens behind it — search, filters, addresses, favourites and appearance.

  • Thirty screens covering the complete journey
  • Illustrated onboarding with phone and OTP sign-in
  • Cart split across current and previous orders
  • Checkout, payment methods and live order tracking
  • One component system across every screen
Grocery App — screen 4 of 30Grocery App — screen 5 of 30Grocery App — screen 6 of 30Grocery App — screen 7 of 30Grocery App — screen 8 of 30Grocery App — screen 9 of 30Grocery App — screen 10 of 30Grocery App — screen 12 of 30Grocery App — screen 13 of 30Grocery App — screen 14 of 30Grocery App — screen 15 of 30Grocery App — screen 16 of 30Grocery App — screen 17 of 30Grocery App — screen 18 of 30Grocery App — screen 19 of 30Grocery App — screen 20 of 30Grocery App — screen 21 of 30Grocery App — screen 22 of 30Grocery App — screen 23 of 30Grocery App — screen 24 of 30Grocery App — screen 25 of 30Grocery App — screen 26 of 30Grocery App — screen 27 of 30Grocery App — screen 28 of 30Grocery App — screen 29 of 30Grocery App — screen 30 of 30
(04) Tech stack
FigmaDesign systemPrototyping
Next project

Caught Deals

View all work