heyToronto
Branding and UX/UI design for a local marketplace, with a checkout flow that adapts to delivery, pickup, merchant rules, and payment choices.
One order. Several ways forward.
The cart keeps the merchant, item, delivery choice, and complete cost together before the customer chooses a path.
Make a recoverable error feel recoverable
An inline code error preserves the item and delivery choice, with clear ways to retry or continue without a discount.
Show the consequence of a successful correction
The applied promotion, discount amount, delivery charge, and estimated tax form a transparent, consistent order summary.
Delivery adds the details it needs
Service levels, address fields, and billing choices appear together while the discount and total remain visible.
A different choice changes the form
Pickup removes the shipping-address task and delivery charge, replacing them with collection instructions and contact details.
Make a constraint understandable before payment
A pickup-only item explains the restriction up front and asks for acknowledgement without presenting an unavailable delivery option.
Keep the correction close to the problem
A clear summary and field-level messages identify what needs attention while the rest of the order remains intact.
Return to the flow after a correction
Card and billing information share a consistent structure, with the existing delivery choice and applied promotion carried forward.
A different payment route keeps the same order
The PayPal path removes card fields and explains the handoff and return to review, while keeping the order summary visible.
Bring the separate decisions back together
The review consolidates the chosen path and offers direct edits before the customer commits to the order.
Give the customer a clear stopping point
The confirmation records the merchant, order number, delivery details, and final total so the customer knows what comes next.