Practice Challenges

Group Payment Split

SplitBill lets friends divide bills. When paying a split check, the UI doesn't show who has paid or if a card transaction was successful, causing double-charges and group confusion.

Select a Challenge Brief (5)

“

A customer gets double-charged for a dinner split because the payment page doesn't confirm card approvals.

Intermediate— Requires managing card splitting math, pending user lists, and transaction status alerts.

Context & Background

SplitBill lets friends divide bills. When paying a split check, the UI doesn't show who has paid or if a card transaction was successful, causing double-charges and group confusion.

Target Users

Friends sharing expenses at restaurants who expect transparent split logs and payment states.

Inspiration & Benchmarks

Splitwise— Standard group cost calculations and split summaries.
Venmo Split— Simple social payment splits and request notifications.

Your Task

Design a mobile group bill split screen displaying total bill amount, per-person cost, participant status checkers (Paid, Pending), and a card input block.

Hard Constraints

  • Mobile app only
  • Must update split costs instantly as users are added
  • Status tags must be shape/icon coded (not color alone)

Concepts This Tests

Gestalt PrinciplesError Prevention

Evaluate Yourself

0/4 completed (0%)