Sander Chen — AI Product Designer
Case Study · Selected Work

Xtraspots Spot Reservation

Company
Xtraspots (Co-founder)
Year
2022 — 2024
Role
Cofounder · Founding Designer
Surface
Marketplace · Consumer Mobile
Press
Fox 5 · Bronx Times · Times Square
Xtraspots parking reservation — key visual

A reservation system for peer-to-peer parking, where availability depends on both time and location — and where the familiar booking patterns from hotels and flights do not fit how drivers actually behave.

The team needed a reservation experience that felt simple to users but could still reflect real-time availability, dynamic pricing, compliance, and business constraints underneath.

Parking is not hotel booking.

Reservation isn't a calendar problem — it's a real-time service decision across three axes: location, time, and price.

I framed the reservation experience around the three variables that matter most in parking. Instead of forcing a hotel-style booking model onto peer-to-peer spots, I treated the act of reservation as a real-time service decision.

Framing the reservation problem
Fig. 01 — Reframing the reservation problem around location, time, and price
Framing principles
Fig. 02 — Principles: supply-visibility, low cognitive load, compliance-aware

Two models: location-first vs. time-first.

I explored both strategies. The goal was not just to find the cleanest UI, but to determine which model best fit the business stage and the real booking behavior of drivers.

Location-first starts with the parking spot. It builds trust, is easier to explain to stakeholders, and shows supply clearly — a strong fit for early-stage marketplaces.

Time-first starts with when the driver wants to park. It reduces friction for urgent intent, but becomes weaker when supply is sparse or when the business needs to communicate inventory plainly.

Location-first exploration
Fig. 03 — Location-first direction
Time-first exploration
Fig. 04 — Time-first direction

Location-driven, with availability made visible.

I recommended the location-driven approach. At this stage, the company needed stronger supply visibility, greater host trust, and a clearer story for investor demos and go-to-market communication.

To close the transparency gap, I introduced a parking availability indicator into the map surface — so drivers could read supply before committing to a tap.

Recommended direction with availability indicator
Fig. 05 — Location-first map surface with live availability indicator

Discovery that respects both user and host.

The final system made parking discovery intuitive, aligned the product with business priorities, and created a foundation for compliance-aware booking without overwhelming the user.

Final reservation system — discovery
Fig. 06 — Final reservation flow, discovery to confirmation
Final reservation system — confirmation
Fig. 07 — Compliance-aware booking detail
Final reservation system — system overview
Fig. 08 — Reservation system overview

Covered on Fox 5. Promoted in Times Square.

After launch, the project gained external visibility — reported by Fox 5 on March 8, 2024, and promoted in Times Square, New York on February 9, 2024.

Press coverage and public promotion
Fig. 08 — Press coverage and public promotion

The first booking landed before the press did.

Drivers trusted the map because it refused to clutter itself. The location-first model shipped as the company's flagship reservation flow and became the demo surface investors and partners saw first.

Fox 5
National press coverage
Times Sq.
Public promotion, New York