i12 Katong Shoppers' App

Shopping mall app to scan receipts and earn points
About the Project
Many real estate firms with a portfolio of shopping malls have dedicated shoppers' apps to give out points with spending, keeping customer loyalty. i12 Katong Mall was set to reopen and there was an interest in launching something similar as well.
Year
2021
Platform
Adobe XD
Timeframe
2 months
Team
2 product managers from Keppel Land, 1 mall representative, 1 app developer representative, 1 designer
What I did
User interviews
User interface design
Results
Conducted UX research with 6 participants
Designed hi-fi clickable prototype

Context

i12 Katong Mall will reopen in Q4 2021 after closing for major asset enhancement works in early 2020. The mall operator, Keppel Land, seeks to transform the mall into a future-ready retail hub that will shape the increasingly phygital world while tapping into the rich Peranakan heritage of the district.

User research

Secondary research of existing shopping mall apps show that they are not well-liked by users, being a transactional space to scan receipts and redeem generic vouchers. The mall operator wishes to launch secondary services within the app such as food delivery and retail experiences.
How might we design a shoppers’ app that is pleasant to use while allowing for discovery of the app’s secondary features?
I spoke to six users of similar shopping mall apps and got them to demonstrate how they usually navigate the app to do several tasks. The observations were organised into an affinity map.
An empathy map was created to organise user behaviour observed from the interviews and contextual inquiry.
I also created two personas, Ian and Gillian, who personified an amalgamation of the types of users I spoke. Strategically, it would make more sense to target consumers like Gillian over Ian as they have a greater affinity for the app in the first place. However, the secondary offering for food ordering and pickup (handled by another team), BistroBytes, would appeal to consumers like Ian.

Synthesis

As there were several moving parts involved in the project, I created this System Map to make sense of the relations between Data, Systems and Stakeholders.
An experience map was created for two main flows: scanning receipts and redeeming points for vouchers. This process highlighted the common painpoints and the potential design opportunities.

Prioritization

Due to constraints, not every issue raised could be addressed. As such a painpoints matrix was created to help the team prioritize issues that were most important for both the business and customer.

UI Design

As the primary purpose of the app is for users to scan receipts and redeem points, this information is displayed prominently on the landing screen with the Earn Points button highlighted on the bottom navigation bar for easy access.At the same time, promotional information still takes up sizeable real estate of the screen in order to keep the app profitable as advertising space for mall tenants.

You may also like these projects

Kagenda: What if meetings could be smarter?

As a workplace consultant, hybrid setup has become an increasing requirement post pandemic. How will you create productive and meaningful solutions for new tenants? How will you trigger sustainable behaviour throughout the tenant's journey?
UX research
UI design
Coursework
Read more

Rememo

An assistive tool for caregivers conducting dementia reminiscence therapy, using AI-image generation as a medium to bridge the gap between personal photos and archive images.
Design research
Product design
Healthcare
Coursework
Read more

Supernova Ignite: Branding the first post-COVID campus concert

NUS Supernova: Ignite 2022 (12 - 13 Aug 2022) was a two-day music festival featuring student performers, held on UTown Green and attended by over 5000 participants. It marked the start of the first post-COVID semester at NUS with the return of student life.
Branding
Project management
Graphic design
Freelance
Read more