Skip to main content
UI Coach Logo
Back to challenges
Hard

Occasion Gift and Flower Delivery

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

Responsive web, Mobile

The brief

Understand the problem

Background

Gift purchases are emotionally important and often deadline-sensitive. Flowers and local gifts introduce substitutions, delivery windows, recipient availability, address privacy, and messages that should not appear on outer packaging.

User context

Nur wants to send flowers and a small gift to her aunt for a birthday tomorrow. She knows the building but is unsure whether the recipient will be home.

Product problem

The service must support confident selection and discreet delivery while setting honest expectations about availability and timing.

Objective

Create occasion discovery, gift customization, delivery setup, and exception resolution for a time-sensitive order.

What to design

Define the experience

Required experience

  • Find gifts by occasion, budget, location, and delivery date
  • Customize flowers and a message
  • Set recipient contact and substitution preferences
  • Track delivery or resolve an unsuccessful attempt

Screens and states

  • Gift discovery
  • Gift bundle detail
  • Delivery and message setup
  • Tracking and exception

Core user flow

Follow the critical path

  1. 01

    Nur filters for birthday delivery by tomorrow

  2. 02

    She selects a bouquet and nut-free snack add-on

  3. 03

    She allows same-palette flower substitutions but no gift substitution

  4. 04

    When the recipient is out, Nur approves delivery to the staffed desk

Product rules

Requirements and constraints

Requirements

  • Validate delivery coverage and date before customization
  • Explain seasonal variation and let buyers control substitution by item
  • Keep gift messages and sender identity discreet according to buyer choice
  • Provide proof and recovery options without exposing the recipient's location publicly

Constraints

  • Exact flower appearance cannot be guaranteed
  • Age-restricted gifts need recipient verification
  • The recipient's contact details can only support fulfillment

Reality check

States worth considering

A flower becomes unavailable
The address is incomplete
The recipient declines the delivery
The delivery window is missed

Finish line

What to deliver

  • Four responsive screens including a failed-delivery recovery state

Optional direction

Visual resources

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

Color palette
#79674F
#EDE6D2
#090C0F
#B7B7B7
#A7A7A7
Font pairing
UpdockSource Serif Pro

Updock & Source Serif Pro

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

Icons
Illustrations