Skip to main content
UI Coach Logo
Advanced

Review a Recurring Grocery Order

Design a weekly grocery routine that lets a household confirm quantities, substitution rules, budget, and delivery timing.

Mobile4 hours plus

The brief

Understand the problem

Background

A recurring grocery basket saves planning time, but food needs and inventory change every week. Substitutions can affect diet, quantity, recipe plans, and final price.

User context

The Rahman household receives groceries every Sunday. This week two people are away, and one child has recently developed a dairy allergy.

Product problem

The service must automate familiar choices while requiring careful review of changed household needs, unavailable items, and sensitive substitution preferences.

Objective

Create the review, edit, substitution, and delivery flow for a recurring household grocery order.

What to design

Define the experience

Required experience

  • Upcoming basket grouped by household need
  • Fast quantity and skip editing
  • Item-specific substitution rules
  • Final total and delivery review
  • Shopper communication during fulfillment

Screens and states

  • Upcoming basket
  • Basket editor
  • Substitution settings
  • Checkout review
  • Shopper updates

Core user flow

Follow the critical path

  1. 01

    A parent reviews the suggested weekly basket

  2. 02

    They reduce quantities and update the household allergy profile

  3. 03

    They set stricter substitution rules for dairy-related items

  4. 04

    They confirm the delivery window and estimated total

  5. 05

    During shopping, they approve one replacement and reject another

Product rules

Requirements and constraints

Requirements

  • Distinguish recurring staples from one-time items
  • Show how household-size changes affect suggested quantities
  • Keep allergy information prominent in substitution decisions
  • Support replace, refund, contact me, and no-substitution rules
  • Explain why the final total can differ from the estimate
  • Preserve a time-limited shopper communication record

Constraints

  • Inventory is confirmed only during picking
  • Weighted items have variable final prices
  • The customer may not respond while the shopper is in store
  • Food safety and allergy information cannot rely on color alone

Reality check

States worth considering

A suggested replacement contains the declared allergen
The selected delivery window becomes unavailable
The final charge exceeds the user's budget cap
The shopper checks out before a response arrives
A recurring item is permanently discontinued

Finish line

What to deliver

  • Create five mobile screens that cover basket review, allergy-aware substitutions, checkout, and live fulfillment.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
Playfair DisplayMuseo Sans

Playfair Display & Museo Sans

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Intermediate
Food and dining

Time-Sensitive Grocery Substitution Approval

Design a shopper-to-customer approval flow for unavailable groceries with price, quantity, dietary, and response-window context.

Mobile1 to 2 hours
Mobile DesignInteraction Design
Advanced
Food and dining

Choose Your Restaurant Table

Design a reservation flow that lets diners request a specific available table or seating zone.

Mobile2 to 4 hours
AccessibilityInteraction Design
Advanced
Food and dining

Restaurant Visit From Menu to Payment

Design a restaurant app that connects live menu availability, table booking, and an accurate in-venue bill.

Mobile4 hours plus
Service DesignError Handling
Intermediate
Food and dining

Choose a Restaurant Table

Design a reservation flow that lets diners understand a restaurant floor plan and request a suitable available table.

Mobile2 to 4 hours
Interaction DesignAccessibility
Intermediate
Food and dining

Interruption-Friendly Cooking Mode

Design a hands-busy recipe mode that preserves progress across interruptions, parallel timers, substitutions, and device changes.

Mobile1 to 2 hours
Interaction DesignMobile Design
Intermediate
Food and dining

Order Ahead for Table Service

Design a mobile ordering flow that lets diners schedule food to be ready when they arrive at a restaurant.

Mobile2 to 4 hours
Interaction DesignForms