Smart Station — Interactive Trolley Return System

Role: Lead UI/UX Designer
Duration: 13 Weeks
Key Design Goal: Design a viable solution that increases trolley returns by improving the user experience.
View the Full Report
quiz

The Problem

The pervasive issue of misplaced shopping trolleys creates a cascade of negative effects for retailers and the public. This persistent problem is multifaceted, impacting businesses financially, posing risks to public safety, and causing daily frustration for shoppers.

Misplaced Trolleys Issue Visualization
groups

My Role & The Team

Collaborating in a team of 2, I was responsible for the following key areas:

  • User Research & Data Synthesis
  • User Journey Mapping
  • UI & Animation Design
  • Interaction Prototyping
  • Usability Testing
attribution

Persona: Josh, 26, Local Shopper

"I almost always put my trolley back after use, but I think it should be okay to not do so some of the time since there are people that do it as their job."

Goals:

To leave the shopping center efficiently with ease when shopping is done.

Frustrations:

  • Limited, far away trolley stations
  • Trolleys with bad mobility
  • Reduced motivation
User Journey Illustration
Josh: User Journey Map
document_search

Research & Discovery

Through surveys, interviews, and observation, we concluded that trolley misplacement is a multi-faceted problem driven by a combination of systemic flaws and human behavior:

arrow_drop_down
moving

The Journey: From Ideation to Solution

lightbulbIdeation & Wireframing

To address the lack of incentive for returning trolleys and the navigational challenge of making return stations more visible, a mid-fidelity prototype of the "Smart Station" was developed. This early design included:

  • Main Display
  • User Interactive Tablet
  • Trolley Sensing Frame
Initial concept art for Smart Station
Initial sketch exploring the "Smart Station" concept.

task_altUsability Testing

User testing validated the design and revealed key insights:

🔒 User Privacy:

Vouchers displayed on the main public screen raised concerns of privacy.

🖼️ Aesthetics:

The flickering display was visually jarring and created unnecessary cognitive load.

⏩ Flow Efficiency:

A minigame in the process was found to be a potential bottleneck, slowing down the user journey.

model_trainingKey Iteration

User feedback was used to iterate on the initial concept, shaping the following high-fidelity prototype.

The QR code was relocated to the user interactive tablet to address privacy concerns.

The jarring flickering animation was replaced with a smooth, rolling gradient for an enhanced visual experience.

The minigame was removed and a timer was implemented to streamline the flow and prevent system abuse.

arrow_drop_down
design_services

The Solution: High-Fidelity Designs

The high-fidelity "Smart Station" is the polished, final solution to a common retail problem. It transforms the user experience from a chore into a rewarding interaction by integrating all of our key design insights.

build

Tools & Methods

Figma Miro Zoom Adobe Premiere Adobe Photoshop
Affinity Diagramming Persona User Journey Map Storyboarding Crazy 8 Decision Matrix Paper Prototyping Usability Testing
not_started

Next Steps

The next phase of this project involves conducting A/B tests to optimize the visual messaging and reward system, followed by a pilot program to validate the station's efficiency and user adoption in a live retail environment.