In Store Scanning Feature

A mobile app feature allowing users to scan items as they shop for a quicker checkout process

Company Ahold Delhaize

Industry Grocery Retail

Process Workshop, 3 rounds of designs, Guerilla testing

Tools Sketch, InVision

Role Co-experience designer, team of 2

 

01 PROBLEM DEFINITION

The legacy application allowed users to scan as they shopped but had many bugs, an outdated interface, and was outside the main brand application. Checking out remained a major pain point in the grocery shopping user journey.

 

02 RESEARCH

Audit current app experiences, competitive research, guerrilla user testing in store, affinity map of findings

ScanUp Affinity Map.png

03 WORKSHOP

Cross-functional team workshop to get multiple perspectives. Agenda included icebreakers, crazy 8’s, empathy mapping, “A day in the life’, and wireframing.

ScanUp_Workshop.png

04 WIREFRAMING

High level flows and show concepts A & B to stakeholders before moving on to high fidelity

Single Entry

Single Entry

Integrated in main application

Integrated in main application

 

05 High Fidelity Mockups

Iteratively worked together on key flows until we came upon the final designs seen below

Empty states, error messaging, price check, single scan, and checkout flows
Empty and Error States.png
Scan Item.png
Price Check.png
Checkout Flow.png

 06 Takeaways

  • Ahold Delhaize’s stores were going through a rebrand so this project never went live

  • Throughout the process i got to dive deeper into specific areas of UX

    • Soft asks vs native permissions (e.g. custom modal prefacing needing to allow location services vs native alert)

    • Error message handling in an immersive experience

    • Integrating with a 3rd party API that is key to the experience

  • Sparked change in the org around UX team structure as we were the first to demonstrate success with an integrated team model vs agency

    • More collaboration and check-ins with developers and product manager meant faster quicker development time with a higher quality feature