SmartShopper:
Your Grocery Run Reimagined

Apr-May'25
Team
Quasim - PM
Indrani - UXR

Jeffrey (Me)

Tools
Microbit- hardware
Figma
ROLE
Hardware prototyping
Interaction design + system logic
User testing & iteration

SmartShopper:
Your Grocery Run Reimagined

SmartShopper:
Your Grocery Run Reimagined

Apr-May'25
Team
Quasim - PM
Indrani - UXR
Xueying -UXD

Jeffrey (Me)

Tools
Microbit- hardware
Figma
ROLE
Hardware prototyping
Interaction design + system logic
User testing & iteration

Project description

Project description

I believe most smart cart concepts are solving the wrong problem β€” and I think that matters. They're built to serve the retailer first, the shopper second, and they dress that up as convenience.


I wanted to design something that genuinely inverts that priority.


SmartShopper uses RFID to give shoppers real-time feedback on their cart β€” but the technology was never the point. The point was proving that you can design for user integrity without abandoning business viability. I don't think those things are in conflict. I think most designers just don't push hard enough on that assumption.

Problem Statement

Grocery stores are deliberately engineered to undermine your intentions. That's not cynicism β€” it's the business model. And I find it hard to accept that design's response to that has mostly been to help retailers do it more efficiently.

I think shoppers deserve a system that's actually on their side.

Not one that tracks what they buy to sell them more β€” one that reflects their own goals back to them, in the moment it still matters.

Problem Statement

Grocery stores are deliberately engineered to undermine your intentions. That's not cynicism β€” it's the business model. And I find it hard to accept that design's response to that has mostly been to help retailers do it more efficiently.

I think shoppers deserve a system that's actually on their side.

Not one that tracks what they buy to sell them more β€” one that reflects their own goals back to them, in the moment it still matters.

Goals & Success Criteria

User Goals πŸ›’


Inform decisions in the moment β€” not after checkout. Reflect goals without shame or restriction.

Business Goals πŸ’²


Build long-term trust, not just basket size. Opt-in data only β€” I treated this as a design value, not a legal checkbox.

What I'd call success


Fully usable in guest mode with zero account creation. If it only works when users hand over data, it isn't actually serving them.

Goals & Success Criteria

User Goals πŸ›’


Inform decisions in the moment β€” not after checkout. Reflect goals without shame or restriction.

Business Goals πŸ’²


Build long-term trust, not just basket size. Opt-in data only β€” I treated this as a design value, not a legal checkbox.

What I'd call success


Fully usable in guest mode with zero account creation. If it only works when users hand over data, it isn't actually serving them.

Problem Statement

Grocery stores are deliberately engineered to undermine your intentions. That's not cynicism β€” it's the business model. And I find it hard to accept that design's response to that has mostly been to help retailers do it more efficiently.

I think shoppers deserve a system that's actually on their side.

Not one that tracks what they buy to sell them more β€” one that reflects their own goals back to them, in the moment it still matters.

Goals & Success Criteria

User Goals πŸ›’


Inform decisions in the moment β€” not after checkout. Reflect goals without shame or restriction.

Business Goals πŸ’²


Build long-term trust, not just basket size. Opt-in data only β€” I treated this as a design value, not a legal checkbox.

What I'd call success


Fully usable in guest mode with zero account creation. If it only works when users hand over data, it isn't actually serving them.

Process

SmartShopper was developed through an iterative process that combined Research, Prototyping, and User testing to balance technical feasibility with a seamless shopper experience.

Stage 1

Desk Research β†—

Explored IoT applications in grocery retail, identifying opportunities in RFID item tracking, weight sensing, and real-time shopper feedback.

Benchmarked existing smart carts (e.g., Instacart’s Caper Cart, Amazon Dash Cart) to validate desirability and uncover gaps in personalization.

Stage 2

Design & Prototyping β†—

Created and tested user flows for cart modes.

Built low-fidelity physical prototypes and Micro:bit hardware β†— simulations.

Designed app screens for MVP, gamified β€œNext” version, and β€œFuture” wayfinding features.

Stage 3

Development & Implementation β†—

Programmed Micro:bit prototypes to simulate RFID and weight tracking, integrating snack mode alerts. Developed an instruction guide to onboard first-time users.

Stage 4

Testing & Optimization β†—

Conducted user testing with the prototype to validate value propositions. Iterated on mode selection, snack alerts, and display indicators to reduce cognitive load while maintaining functionality.

Insights led to the adoption of icon-based mode indicators and a streamlined Now/Next/Future roadmap

Micro:bit Coding 

We used a Micro:bit because its simple design allowed us to prototype core interactions without overwhelming users, regardless of their mental model. Working within these constraints also pushed us to design beyond just the product, focusing more on the overall user experience and how SmartShopper fits into a real-world shopping context.

Challenges in Micro:bit Coding:

Challenges in Micro:bit Coding:

Challenges in Micro:bit Coding:

Limited Input Options:

A few of our defined interactions couldn’t be physically coded, with just three buttons, all possible interactions from the concept couldn’t possibly fit. This created a loop of multiple coding versions to test out all the possible functions.

Feedback in Snack Mode:

Code was getting complicated so we brought in a third micro:bit that would be put as a replacement during Wizard of Oz just for the sound and flashing output.

Rolling text consumes time:

We initially chose not to include rolling text as it would slow down the demo, but we needed some sort of notification to confirm the various possible outcomes for each action, so ended up including it.

" While a limitation, the Micro:bit’s simplicity also helped us simplify our flow to focus on core user needs. These interactions would carry over into more advanced hardware beyond the Micro:bit."

Physical Prototyping

Physical Prototyping

Physical Prototyping

To test our concept, we needed to stimulate the grocery shopping experience. We crafted a mini cart using a shoe box and sticky notes to simulate item labels, cart bar code, and cart QR code. This low-fidelity prototype allowed us to observe user interaction and thought process in context, focusing on how they engaged with the technology rather than just the form.

Proposed Solution - User Flow v1

Proposed Solution - User Flow v1

Proposed Solution - User Flow v1

In our initial brainstorming, we conceptualized a sensor-enabled shopping cart with customizable shopping modes (set within an accompanying app) to track cart item information and provide feedback when user-set parameters are exceeded.


Not all features were fleshed out at this stage and some would eventually evolve over later iterations.

Design Critique - Challenges

Design Critique - Challenges

Design Critique - Challenges

Our overarching problem: the concept was too complex. There were many shopping modes to choose from, a large amount and variety of information to be displayed (wayfinding, per-item details and feedback across modes), and a lot of user input required during setup.

User Testing & Iterations

User Testing & Iterations

User Testing & Iterations

Users expressed a lot of perceived value in the information displayed via SmartShopper. They noted that it’s easy to make impulse decisions when shopping and they often get carried away with adding unhealthy items to the cart. They saw the snack item limit feature as a helpful tool to hold themselves accountable. Budget and weight modes were also useful, as multiple participants reported instances of overspending or ending up with more than they could carry out of the store. These findings validated our hypothesized value propositions for SmartShopper.

Decisions and Updated Concept: User Flow v2

Decisions and Updated Concept: User Flow v2

Decisions and Updated Concept: User Flow v2

Userflow & Hardware

We iterated on our original concept with the main objective of reducing complexity. We also added a network map to ensure the flow was technologically feasible.


Now/Next/Future

Simplifying the concept meant cutting some valuable features. So, we created a Now/Next/Future framework to show how the cart could scale over time and also address some of the limitations that still existed.

Interface Design

Interface Design

Designed an interface for subscription users to connect carts, view trip summaries, and sync receipts. (Hi fidelity Mock-Up)

Designed an interface for subscription users to connect carts, view trip summaries, and sync receipts. (Hi fidelity Mock-Up)

Demo

Demo

Demo

The Demo showcases how a connected cart and companion app transform the grocery experience. Using a Micro:bit prototype and a cart model, we simulated real-time feedback and tested the flow in an in-store context.


Shopper journey:


πŸ›’ Start:

Grab a cart from the docking station, press the SmartShopper logo, and select modes β€” Budget, Weight, or Snack Mode.


🍎 Shop:

As items go in, the RFID reader + weight sensor instantly update totals on the display. Snack Mode triggers visual and audio alerts when the limit is reached, with the option to adjust.


βœ… Checkout:

A single cart barcode scan syncs all items instantly. Subscribers see their trip summary auto-synced in the app, while non-subscribers can sync later using a receipt code.


The demo highlights how SmartShopper makes shopping more seamless, personalized, and transparent, while supporting both casual users and subscription members.

The Demo showcases how a connected cart and companion app transform the grocery experience. Using a Micro:bit prototype and a cart model, we simulated real-time feedback and tested the flow in an in-store context.


Shopper journey:


πŸ›’ Start:

Grab a cart from the docking station, press the SmartShopper logo, and select modes β€” Budget, Weight, or Snack Mode.


🍎 Shop:

As items go in, the RFID reader + weight sensor instantly update totals on the display. Snack Mode triggers visual and audio alerts when the limit is reached, with the option to adjust.


βœ… Checkout:

A single cart barcode scan syncs all items instantly. Subscribers see their trip summary auto-synced in the app, while non-subscribers can sync later using a receipt code.


The demo highlights how SmartShopper makes shopping more seamless, personalized, and transparent, while supporting both casual users and subscription members.

Impact

Impact

Reduced checkout friction, increased inclusivity, and supported adoption across both app and non-app users

Checking In πŸ›’

Instead of requiring the app or member ID, checkout happens via a cart-specific barcode β†’

β€œTransfer of cart item data occurs via a cart-specific bar code now, instead of an in-app member ID – inclusive to non-subscription users.”

Checking Out βœ”οΈ

After checkout, app syncing is optional for subscribers β†’

β€œAfter the trip, subscription users receive a notification to confirm syncing to their in-app account.

For non-subscription users, a time-sensitive code on the physical receipt lets them sync the trip later.”

Opt Sync πŸ”„

Subscribers can auto-sync trips; non-subscribers get a one-time code on their receipt to sync later.