Weel

Freelance · Design, Advisor

0→1 design for the core capture and claims journey in an AI dashcam app.

Weel is a driving assistant for iOS that combines GPS navigation with real-time traffic, a dual-facing dashcam, and live detection of road elements with automatic map annotation. I was embedded with the startup team from zero to one, mapping the jobs to be done and taking flows from concept to production-ready specs alongside engineering.

Most decisions follow from one constraint: the user is driving. The driving screens keep one primary control, large targets and states that read at a glance. Anything denser lives in sheets that the driver pulls up when they need it.

Recording without looking

Recording is a single persistent control. The idle and recording states differ in colour, from Primary #1500FF to RedOrange #DE3D08, and in motion, with a slow halo while capture runs, so status is legible in peripheral vision. Once recording starts, the camera picker has nothing left to do, so the same pill morphs into the elapsed timer instead of adding a second element.

Capture control
One record button; the camera picker becomes the timer
Tap record, or switch cameras
button 64 · dot 36 · ring 2.5 · #1500FF → #DE3D08 · pill morph 450 ms

Route choice and guidance

Route options are a ranked pair. Selecting a card redraws its polyline on top at full weight while the alternative drops to 30% opacity, so the map and the list never disagree about which route is active.

Route options
Selecting a card redraws its line on top at full weight
Pick a route, then Go Now
active 6 pt · alternative 5 pt @ 30% · redraw 900 ms ease-out

During guidance the next manoeuvre sits on the inverse surface, weel black #16181C, which holds contrast over a light map in daylight. Distance snaps to 10 m steps so the number isn't constantly ticking, a thin bar shows progress to the turn, and the instruction rolls to the next step instead of cutting.

Manoeuvre banner
Next turn on the inverse surface, ETA below
17:0812 min · 1.2 km
Tap the banner to skip ahead
banner #16181C r16 · distance snaps to 10 m · instruction roll 350 ms

One sheet, three heights

Search, saved places and recents share one bottom sheet with three detents at 140, 390 and 774 pt. Release velocity decides the direction and distance picks the nearest detent. The map only dims once the sheet passes the middle detent, the point where it starts to cover the route.

Search sheet
One sheet, three detents, snapped by velocity
Where to ?
HomeWork+ Add address

Recent

44 rue de Solférino75007, Paris, France
36 avenue du Président Wilson75016, Paris, France
49 rue la Boétie75008, Paris, France
89 avenue Paul Doumer75116, Paris, France
detents 140 / 390 / 774 pt · snap spring 550 ms · rubber-band 0.25

Foundations

The file builds on Apple's SF Pro text styles with a small brand layer on top: Primary for actions and the route, RedOrange for recording and destructive states, weel black for the guidance surface, and Green and Yellow for rewards. Cards share one glass material, a 45 px background blur with a soft 0 2 5 shadow, so sheets stay legible over any part of the map.

Foundations
Brand layer on top of Apple's text styles
Used inGo NowVerifyRoute linePosition arrowSelected segment
6 brand tokens · actions and route