Your next adventure is parked nearby.

Rent it. Drive it.
Or earn from it.

A peer-to-peer car-sharing app with full driver & owner flows — book a car, unlock it with a digital key, or list your own and watch the earnings roll in.

DriveOn driver home screen DriveOn digital key screen
59Screens
35Components
2User flows
Light + Dark4 accent themes
What's inside

Two sides of the same key

DriveOn pairs drivers looking for a ride with owners renting out their cars — each with a flow built end-to-end.

Driver flow

Browse and map nearby cars, filter, book a slot, pay on a ticket-stub checkout, then unlock with an NFC digital key — with mandatory fuel-check verification at pickup and drop-off.

  • Search & map
  • Booking
  • Digital key
  • Fuel verification
  • Transit navigation

Owner flow

An earnings dashboard with animated revenue, approve / deny requests, a redesigned week-view schedule, rental history, a garage of your cars, and a list-a-car wizard.

  • Earnings
  • Approve / deny
  • Week schedule
  • Garage
  • Listings

Design system

An exact turquoise → deep-teal token palette, system-font uppercase display type, Lucide iconography, and a 35-component Figma library — light/dark with four accent themes.

  • HSL tokens
  • Lucide icons
  • Light / Dark
  • Component library

Figma → vibe-coded

Designed as a component library in Figma — now a fully wired, clickable prototype where every element reacts and both flows play start-to-finish — then vibe-coded into this live React prototype with Claude, kept in lockstep so every screen, token and component matches its Figma source 1:1.

  • Figma library
  • Interactive prototype
  • Vibe-coded with Claude
  • 1:1 in sync
The product

Every screen, polished

From the first tap to the last drop-off — here's a look at the flow.

Watch

See it in motion

A full walkthrough of both flows — drive, book, unlock, and earn.

Built on tokens

A system, not a mockup

Primary
Secondary
Accent
Brand
Mint
  • HSL custom properties drive every color, so dark mode and 4 accent themes are a token swap away.
  • 35 reusable components — atoms, inputs, rows, navigation chrome and domain widgets — all variant-driven.
  • Exact Lucide geometry and an inlined DriveOn wordmark + power-button app icon.
Type

Uppercase. Bold. Tight.

System font stack with confident, tracked display headings and clean body copy.

Drive freely
Earn easily
Your next adventure is parked nearby — book it, unlock it, go.
The crew

Made by

Five hands on the wheel.

Idan Alon

Idan Alon

Tamar Aviv

Tamar Aviv

Noa Gross

Noa Gross

David Kaluta

David Kaluta

Yael Molkandov

Yael Molkandov

Take it for a spin

The full prototype runs right in your browser — both flows, every screen, fully tappable. Play the same flows in Figma, or page through all 59 screens as one static, no-JS document.