Skip to case study
All portfolio workApp concept · Urban mobilityOpen experience
Independent concept projectUrban mobilityReference measured · review required

DriftRide

A map-first mobility simulation covering destination search, route options, pickup, matching, trip status, safety, history, transit, and wallet.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Urban mobility
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A map-first mobility simulation covering destination search, route options, pickup, matching, trip status, safety, history, transit, and wallet. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Multimodal rides and transit alternatives

    The route architecture is organised around multimodal rides and transit alternatives, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Accessible blue and cream with luminous paths, bottom-sheet choreography, unambiguous trip states, and softly layered maps.

  3. 03

    Original asset plan

    Original map tiles and route SVGs, fictional drivers and trips, generated vehicle artwork, and local-only payment fixtures.

02 · Experience architecture

Navigate the complete app map.

Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected screens

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

Uber reference study

Reference record

The Uber links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
A04 · ios
Studied
2026-08-13
Entry family
uber-location-permission
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original map tiles and route SVGs, fictional drivers and trips, generated vehicle artwork, and local-only payment fixtures. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Uber primary screen

    destination search and service tiles that hand off to an edge-to-edge map with bottom sheet

    • The destination search control is approximately 50 px high
    • Four suggested-service tiles fit one row with about 12 px page gutters
  • Uber alternate state

    map pins, pickup marker, and sheet selection remain synchronized through the booking sequence

    • Map selection uses a full-width lower sheet and high-contrast black CTA
    • Four destinations occupy a roughly 62 px bottom navigation

Explore DriftRide from its first screen.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch DriftRide