Supermarket Product Finder (QuickPick)

kusal Pathirana

Introducing an innovative Augmented Reality (AR) and 3D map guide app to help consumers efficiently navigate large shopping centers and locate essential items in real-time, enhancing the overall shopping experience and saving valuable time.

Pain points

Finding a single product requires customers to cover a large area within the supermarket.
Searching for one product may lead customers to overlook essential items from their grocery list.
Walking back and forth between aisles for items on the same list consumes time and causes exhaustion.
Identifying ongoing supermarket sales is challenging for customers unless explicitly advertised.

The objective

This AR and 3D map Shopping Guide app aims to improve the shopping experience in large centers by offering real-time navigation and location assistance. It streamlines the process, saves time, reduces frustration, and enhances overall customer satisfaction with their mall visit.

Approaching the problem

Understanding the user

Understanding the user involves conducting user personas and competitive analysis.
use case
use case
use case
use case

Generating ideas for design

In order to commence the design phase, creating a site map, outlining user flows, and crafting hand-drawn sketches are essential preliminary steps.

1. Sitemap & User flow

Site map
Site map

2. Hand drown sketches

Hand drawn sketches
Hand drawn sketches

Create a visual style guide to establish the app's visual language

During this phase, we've meticulously crafted wireframes, created a design system, and brought our vision to life with polished high-fidelity mockups

1. Wireframes

2. Design System

3. UI Designs

This encapsulates the journey taken to reach the solution for the challenge at hand.
Create with joy ✨
Like this project

Posted May 22, 2025

Design an AR and 3D map guide app for efficient shopping navigation.

Touch2Tech 30-Day UI Design Challenge Website
Designwaves Agency Website
Designwaves Agency Website
Web Design and Development | Wasisco
Web Design and Development | Wasisco

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc