Grocery shopping from your nearest CSD store, in a few taps.

CSD Pakistan, The Caring Store, is a grocery ordering app for iOS. Customers set a delivery location, shop from the CSD store that serves it and track the order to their door.

Industry

Retail and Grocery

Platform

iOS app

Scope

Customer ordering app

Services

UI/UX Design

CSD Pakistan — cover

Overview

We followed the design thinking process from persona to tested prototype, and mapped the full order journey before designing a single screen.

The challenge

Ordering depends on where the customer is. The app had to find the right store from a delivery location, then keep browsing, cart, payment and tracking simple for everyday shoppers.

Our approach

We mapped one flow from sign in to reorder: location, store, categories, product, cart, delivery slot and payment, confirmation, live tracking and feedback. Each step became one focused screen.

What we designed

The order journey, from choosing a store to the bag at the door.

Location and store

Location and store

Set a delivery address and the app detects the CSD store that serves it, or lets you pick one.

Browse, search and cart

Browse, search and cart

Categories, top sellers, search and a cart you can edit before checkout.

Checkout and tracking

Checkout and tracking

Pick a delivery time slot and payment method, then track the order until it arrives.

CSD Pakistan screens and flows

16 screens from the final design, grouped by the job each part of the product does.

Getting started

4 screens

Sign in with a one-time code and set a delivery location so the right store is found.

Splash screen

Splash screen

Set your location

Set your location

Sign in

Sign in

OTP verification

OTP verification

Browsing

4 screens

Home, categories and search, built for quick grocery runs.

Home

Home

Menu

Menu

All categories

All categories

Search

Search

Cart and checkout

4 screens

Review the cart, choose a delivery slot and pay in as few steps as possible.

Product details

Product details

My cart

My cart

Checkout

Checkout

Payment method

Payment method

After the order

4 screens

Track the delivery, reorder from history and keep favourites close.

Track my order

Track my order

Order history

Order history

Notifications

Notifications

Wishlist

Wishlist

Selected Work

Case studies we're proud of.

A look at products we designed, built, and shipped with teams who trusted us to get it right.

CLIENT VOICES

“
Lukas MeyerLukas MeyerVP Product, Ledgerly
Lukas Meyer

FAQ

Questions,
answered.

Can't find what you're looking for? Reach out and we'll get back to you quickly.

hello@devnscale.com

We provide end-to-end software development services, including custom web applications, mobile app development, UI/UX design, cloud solutions, AI-powered applications, system integrations, and ongoing maintenance and support.