Skip to main content
UI Coach Logo
Advanced

Neighborhood Group Purchase

Design a collective order flow that unlocks a better unit price when enough local buyers commit.

Responsive web, Mobile2 to 4 hours

The brief

Understand the problem

Background

Bulk prices can help households save, but group orders introduce thresholds, deadlines, payment authorization, cancellations, and distribution work. Participants need to understand exactly when a commitment becomes a charge.

User context

Omar wants to join neighbors in ordering refillable cleaning supplies if ten bundles are committed by Friday.

Product problem

Buyers need transparent progress and cancellation rules while the organizer needs a manageable handoff process without handling other people's card details.

Objective

Design campaign detail, conditional commitment, threshold result, and local pickup coordination.

What to design

Define the experience

Required experience

  • Review unit pricing and minimum quantity
  • Commit to a quantity with conditional payment
  • Track progress toward the deadline
  • Collect the order or receive an automatic release

Screens and states

  • Group order detail
  • Commitment checkout
  • Threshold status
  • Pickup coordination

Core user flow

Follow the critical path

  1. 01

    Omar checks price tiers and the pickup organizer

  2. 02

    He authorizes payment only if the minimum is reached

  3. 03

    The campaign succeeds before Friday

  4. 04

    He receives a coded pickup window and confirms collection

Product rules

Requirements and constraints

Requirements

  • Explain authorization, charge, cancellation, and refund timing
  • Show quantities and price tiers without manipulative urgency
  • Keep participant payment details hidden from the organizer
  • Support split pickup windows and unclaimed orders

Constraints

  • The order cannot charge before stated conditions are met
  • Quantity changes must recalculate the total
  • Organizer responsibilities must be accepted before launch

Reality check

States worth considering

The threshold is missed
A buyer withdraws near the deadline
The supplier has partial stock
The organizer cannot host pickup

Finish line

What to deliver

  • Four responsive screens with both successful and failed threshold outcomes

Optional direction

Visual resources

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

Font pairing
NunitoSpace Mono

Nunito & Space Mono

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

Icons
Illustrations

Keep practicing

Advanced
E-commerce

Occasion Gift and Flower Delivery

Design a gift-ordering flow that handles recipient details, delivery timing, substitutions, and a private message.

Responsive web2 to 4 hours
FormsService Design
Intermediate
E-commerce

Made-to-Order Woodcraft Shop

Design a storefront for a craftsperson selling customizable handmade wooden picture frames.

Responsive web2 to 4 hours
FormsInteraction Design
Intermediate
E-commerce

Product Alternative Advisor

Design a comparison tool that explains why a product may or may not suit a shopper and suggests credible alternatives.

Responsive web2 to 4 hours
Information ArchitectureData Visualization
Intermediate
E-commerce

Schedule a Recurring Gift Delivery

Design a gift subscription that helps someone choose occasions, recipients, budget rules, and approval before each delivery.

Mobile2 to 4 hours
Service DesignForms
Advanced
E-commerce

Community Shopping Advice

Design a product discussion community where shoppers compare offers and firsthand experience without hidden promotion or review manipulation.

Responsive web4 hours plus
Trust and SafetyInformation Architecture
Advanced
E-commerce

Drone Product Selector

Design an ecommerce journey that helps a new buyer choose a suitable camera drone and understand operating responsibilities.

Responsive web2 to 4 hours
Search and FilteringContent Design