UI/ UX DESIGN

Duration

8 weeks

esay cart

app design

UI/ UX

project at a glance

THE CHALLENGE


THE SOLUTION


Shoppers waste time searching for products, navigating changing layouts, backtracking across aisles and asking staff for help.

A mobile app that combines product search, exact locations, shopping lists and optimized in-store routes.

UX Research
UX Strategy
Information Architecture
User Flows
Wireframing
UI Design

MY ROLE


PROBLEM STATEMENT


In-store shoppers often spend unnecessary time searching for products because store layouts change, signage is insufficient, and product locations are difficult to identify, this leads to unnecessary walking, backtracking, dependence on store staff and occasionally abandoned purchases.

I conducted interviews of shoppers with varying shopping frequencies and habits to Understanding how shoppers currently navigate large stores

Spend 35-45 minuets during shopping

report relocated products as a challenge

have left without purchasing an item, unable to find

75%


64%


38%


UI/ UX

RESEARCH

what i found

Product discovery takes effort
Store changes create uncertainty

Users eventually find products, but often through searching or asking store staff frequently and it is is time consuming

Shoppers cannot tell whether an item is moved, elsewhere or unavailable

Manual searching is the default

Aisle-by-aisle browsing and asking staff are common behaviours

Shopping styles differ

Some users plan for speed; others want to explore without feeling lost.

Navigation affects purchases

Difficulty finding products can result in abandoned purchases

summary

user persona

32, Marketing Manager
Shops weekly for her family.

Needs to complete shopping quickly, avoid backtracking and minimise unnecessary walking.

“I plan my shopping to save time, but I often end up walking back and forth across the store.”

24, College Student
Shops once or twice a month.

Wants to browse and discover products without feeling lost in a large store.

“I like exploring the store, but I don't like feeling lost.”

PRIYA • THE PLANNER
RAHUL • THE EXPLORER

Here is a short summary of the user personas I made

DESIGN GOAL


Design an intuitive in-store navigation experience that helps shoppers find products faster, reduce unnecessary walking and navigate large stores with confidence

success would mean


• Less time spent searching

• Fewer navigation errors and backtracking instances

• Reduced requests for staff assistance

• Improved user satisfaction

user flow


LOG IN AND SELECT YOUR STORE


Plan your shopping


Navigate with CONFIDENCE


Never miss an item.

Create, import, or scan your shopping list. The app automatically groups items by aisle to reduce unnecessary walking.

Smart Shopping List


Know exactly where you are.

A live supermarket map shows your location, nearby aisles, and the fastest path to every product.

Interactive Store Map


Shop smarter, not longer.

The app calculates the shortest route through the store based on your shopping list, minimizing backtracking.

Optimized Shopping Route


Find products instantly.

Search any product, brand, or variant and instantly view its exact aisle, rack, and shelf location.

Product Search


Know before you walk.

See whether an item is available before heading to its aisle and receive suggested alternatives if it's out of stock.

Live Stock Availability


Discover while you shop.

Browse nearby offers, seasonal products, trending items, and new arrivals without losing your location.

Explore Mode


Helpful reminders at the right time.

Receive alerts like:


"You've missed Milk in Aisle" "Bread is on today's offer." "All list items collected."

Smart Notifications


Host Grotesk

Typography


Primary Colours


2D7F1C


EA7025


E5F6E3


FFF4EF


Secondary Colours


Elements


wireframes


Compitetive audit


Criteria

Product Search

Store Map

Aisle Location

Indoor Navigation

Shopping list

Route Optimize

Live Stock Status

New Arrivals & Deals

Ease of Use

overall UX

Reliance smart bazaar

Nature's Basket

Walmart

Target

Basic

Limited

Partial

High

medium

good

good

excellent

Limited

Partial

Partial

High

High

excellent

Key gap: existing solutions prioritise search, shopping lists and promotions, but do not adequately support the complete in-store journey through real-time navigation and route optimization.

DESIGN Strategy


Design an intuitive in-store navigation experience that helps shoppers find products faster, reduce unnecessary walking and navigate large stores with confidence

FIND, DON'T SEARCH

Instant product lookup and exact location.

GUIDE, DON'T JUST INFORM

Turn aisle information into actionable navigation.

PLAN THE WHOLE JOURNEY

Organize multiple products into an efficient route

INFORM BEFORE-HAND

Show stock issues and alternatives early.

ADAPT TO SHOPPING STYLES

Support both Quick Shop and Explore

Exhibition Design

Graphics and content


Exhibition Design

Graphics and content


OlKHAAN

Scenography

Visual Identity

Illustrations


Set Design

Costumes and Props