Skip to main content
UI Coach Logo
Advanced

Drone Product Selector

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

Responsive web, Mobile2 to 4 hours

The brief

Understand the problem

Background

Drone specifications are hard to compare, and suitability depends on intended use, total takeoff weight, weather tolerance, local registration, and where the buyer plans to fly.

User context

Caleb wants a compact drone for travel photography. He is a first-time pilot and needs an honest view of flight time, repair support, and local registration steps.

Product problem

The store needs to guide product choice without implying that buying a drone grants permission to fly it anywhere.

Objective

Create needs assessment, model comparison, compliance review, and cart preparation for a first drone purchase.

What to design

Define the experience

Required experience

  • Describe skill level, use, region, budget, and portability needs
  • Compare two suitable models on practical specifications
  • Review registration and safe-operation responsibilities
  • Choose essential accessories and confirm the cart

Screens and states

  • Drone finder
  • Model comparison
  • Product and compliance detail
  • Cart review

Core user flow

Follow the critical path

  1. 01

    Caleb chooses travel photography and beginner experience

  2. 02

    He compares realistic flight time, packed weight, obstacle sensing, and repairability

  3. 03

    He reviews region-specific registration sources

  4. 04

    He adds spare propellers but declines unnecessary accessories

Product rules

Requirements and constraints

Requirements

  • Explain measured versus advertised performance
  • Use current official sources for registration and flight restrictions
  • Compare total kit weight and cost
  • Separate mandatory, recommended, and optional accessories

Constraints

  • The store cannot provide blanket legal permission to fly
  • Regional guidance needs a verification date
  • Restricted professional uses require a separate path

Reality check

States worth considering

The buyer's region is unsupported
A model exceeds a regulatory weight threshold
A battery cannot ship to the destination
The selected bundle goes out of stock

Finish line

What to deliver

  • Four responsive ecommerce screens with a region-specific compliance state

Optional direction

Visual resources

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

Font pairing
Libre BaskervilleMontserrat

Libre Baskerville & Montserrat

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

Icons
Illustrations

Keep practicing

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

Neighborhood Group Purchase

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

Responsive web2 to 4 hours
Product ThinkingForms
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
Advanced
E-commerce

Product Authenticity Evidence Check

Design a mobile flow that helps secondhand shoppers inspect authenticity signals without promising a definitive verdict.

Mobile2 to 4 hours
Trust and SafetyContent Design
Intermediate
E-commerce

Adjust a Household Replenishment Subscription

Design a recurring order experience that predicts supply needs while making quantity, frequency, skips, and price changes easy to control.

Mobile2 to 4 hours
Information ArchitectureInteraction Design
Intermediate
E-commerce

Hair Color Try On and Salon Brief

Design a camera preview that compares hair color options and turns a chosen look into a realistic salon consultation brief.

Mobile2 to 4 hours
Mobile DesignTrust and Safety