Skip to main content
UI Coach Logo
Back to challenges
Intermediate

Find Reliable Parking Nearby

Design a parking search flow that combines reported availability, restrictions, walking distance, and confidence in the data.

Mobile

The brief

Understand the problem

Background

Parking availability changes faster than most maps can update. A space that appears open may be restricted, too small, privately controlled, or already occupied by the time a driver arrives.

User context

Sofia is driving to a medical appointment in an unfamiliar neighborhood. She needs step-free access, at least two hours of parking, and a route that does not require interacting with the phone while moving.

Product problem

The interface must help Sofia choose before driving, communicate uncertainty, and switch to safe guidance once the trip starts.

Objective

Design discovery, comparison, navigation, and arrival confirmation for nearby parking.

What to design

Define the experience

Required experience

  • Parking search with relevant restrictions
  • Availability confidence and comparison
  • Safe navigation and arrival state

Screens and states

  • Map and result list
  • Parking detail
  • Driving guidance
  • Arrival confirmation

Core user flow

Follow the critical path

  1. 01

    Sofia searches near the clinic

  2. 02

    She filters for accessible spaces and two-hour stays

  3. 03

    She reserves a garage option

  4. 04

    On arrival she confirms the entrance and walking route

Product rules

Requirements and constraints

Requirements

  • Show price, hours, restrictions, height, and walking distance
  • Label live, predicted, and unverified availability
  • Prevent complex interaction while driving
  • Offer a fallback if the selected location is full

Constraints

  • Street data may be several minutes old
  • GPS is weak in garages
  • Local parking rules vary by time and vehicle

Reality check

States worth considering

Reserved space is occupied
Garage entrance differs from map pin
Payment terminal is offline
Accessible spaces are unavailable

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

Parking options

  • Civic Garage, 12 spaces reported, $4 per hour
  • Pine Street, low confidence, two-hour limit
  • Clinic Lot B, accessible spaces available, patients only

Finish line

What to deliver

  • Four mobile screens
  • An availability confidence treatment for map pins and list results

If you want more

Optional extensions

Add return-to-car guidance
Support electric vehicle charging filters

Optional direction

Visual resources

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

Color palette
#1C1B19
#C7B89F
#649853
#735D5F
#87759D
Font pairing
CinzelFauna One

Cinzel & Fauna One

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

Icons
Illustrations