A pear-coloured circular aperture on a deep green ground.

Designing checkout into the trolley

An illustrative trolley-mounted Along device showing a basket with real product photographs.
Year:
2018
Role:
UX and UI design
UX and UI design
@ Along
@ Along
field:
Retail technology

The problem

The brief was to help shoppers scan groceries and pay from their trolley without joining the checkout queue. I contributed to shopper research and designed the experience around a small touchscreen behind a circular opening.

The survey finding that 86.4 percent of 81 respondents were bothered by checkout queues, alongside a redrawn supplied-display diagram.

Working inside a circle

The enclosure shaped the layout. Login and numeric entry used the wider centre of the display, with separate states for registration, confirmation and recovery.

Language selection, sign-in options and phone-number entry within the circular display.

Making each scan clear

The scan screen brought the product, price and expiry date together, with quantity controls and clear confirmation before adding it to the basket.

A close-up of the illustrative Along device showing a scanned Pepsi can, price and quantity controls.

Keeping checkout close

The basket kept its total and checkout action with the product list. Card entry unfolded one question at a time, giving each step room on the small display.

Card number, expiry date, security code and payment confirmation states.

Learning with shoppers

Shoppers tried a clickable prototype. Their feedback led to revisions in controls, wording and navigation before handoff.

Payment completion with a rating prompt and a follow-up feedback screen.

Results and role

The project ended at design handoff in 2018, covering entry, scanning, basket review, payment and feedback. I was the sole designer in an agency, working with founders and engineers on UX and UI, using supplied branding and hardware.

[what i can do for you]

With nearly a decade of experience, I can help make your brand or products’ experience not just humane, but also memorable.

[selected works]

2014-2026

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

[what i can do for you]

With nearly a decade of experience, I can help make your brand or products’ experience not just humane, but also memorable.

[selected works]

2014-2023

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

[what i can do for you]

With nearly a decade of experience, I can help make your brand or products’ experience not just humane, but also memorable.

[selected works]

2014-2023

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©

  • STYDIO by SYD ©