7-Eleven · Innovation / R&D

RideBox: a complete purchase in a compact flow.

Mobile product selection, basket review, payment, receipts and product feedback kept in one connected experience.

My role
UX Product Design Lead · R&D Innovation Lab
Period
Jan 2019 – Sep 2019
Designed for
Mobile retail customers
Retailconnected purchase experienceDiscovery, quantities and payment
Receipt deliverypart of the purchase flowA record customers can keep
Feedbackincluded in the journeyA path from purchase completion to response
AI leadership noteCatch basket mistakes before payment

Original approach

The mobile screens carry snacks and drinks through product selection, basket review and card or Apple Pay payment.

What could change today

Offer a short explanation of substitutions and quantity changes using the current basket as the source. Keep payment behind an explicit review step.

Workflow excerpt. The numbered steps show the same part of the journey in each version. The full project includes work beyond this comparison.

Original workflow

  1. Browse products
  2. Adjust the basket
  3. Review and pay
  4. Keep the receipt

Proposed workflow with AI

  1. Browse available snacks and drinks from the live catalog.
  2. Change quantities and review any suggested substitution.
  3. Verify the basket and explicitly authorize payment.
  4. Keep an itemized receipt tied to the confirmed order.

How to test the change

Replay a changed price, a duplicate tap and a missing receipt. Compare the confirmed basket, payment record and receipt.

Playwright: accessibility testing

01 / Customer & problem

The need behind the work.

Who needed this.

A customer making a small purchase needs to see availability, quantities and the total, then know that payment completed.

The problem to solve.

A small retail purchase still has several decisions: what is available, how many items to buy, the total cost and whether payment succeeded. Stopping at a payment form would leave receipt and follow-up needs unresolved.

Keep the path from browsing to purchase completion compact, with visible quantities, stock information and a useful record of the transaction.

02 / My ownership

Responsibilities.

Designed the connected product-selection, payment and receipt experience within 7-Eleven’s innovation work.

The constraint to work through.

The purchase should stay compact without omitting payment choice, receipt access or recovery paths.

The experience, as a connected flow
  1. Browse products
  2. Adjust the basket
  3. Review and pay
  4. Keep the receipt

03 / Actions & delivery

How the work came together.

The mobile screens carry snacks and drinks through product selection, basket review and card or Apple Pay payment.

The sequence continues with an itemized receipt, an optional text copy and product suggestions. Confirmation and return paths close the interaction.

04 / Decisions & judgment

What carries through the design.

Keep selection and price together.

Quantity controls and price appear with the products. The basket total follows through into payment.

Finish the transaction story.

A receipt confirms the result. Optional receipt delivery and product feedback extend the experience without replacing purchase confirmation.

The experience in detail

From product selection to payment.

The customer can change quantities, review a basket and choose a payment method without losing the order context.

  1. 01 / Browse

    Choose snacks and review stock.

  2. 02 / Adjust quantities

    Selected products remain visible with quantity controls.

  3. 03 / Review and pay

    See the itemized total, card entry and Apple Pay option.

The experience in detail

Complete the purchase and close the loop.

The experience continues after payment with a receipt, an optional text copy and a way to suggest products.

  1. 04 / Confirm

    An itemized receipt confirms the transaction.

  2. 05 / Keep a copy

    Request a receipt by text.

  3. 06 / Suggest an item

    Share a product suggestion.

  4. 07 / Return

    Acknowledge the suggestion and continue shopping.

05 / Results & business value

What changed through the work.

A connected retail-purchase design covering discovery, quantities, payment, receipt delivery and feedback.

Why it matters.

The delivered sequence covers the full transaction, including basket adjustment, payment, receipt delivery and product feedback.

06 / Reflection

Lessons for future projects.

Continue beyond the payment screen when evaluating a retail flow. Purchase confirmation and access to the receipt complete the customer’s task.

Let’s talk about your next chapter.

Exploring Senior Director, Head of Design and VP opportunities.

Start a conversation