Packs
Hackney
52 écrans · VTCLondon rides with the black cab in the same list
Fifty-two screens of a ride-hailing app for London on one story, Priya from Hackney Central to King's Cross on a Friday morning, in ultramarine on a real light map: first run with location, notifications, home and work addresses and how you pay, sign-up, home as the map with Where to, choosing a ride with private hire and the black cab in one list, paying, scheduling, confirming pickup, finding a driver, on the way, the driver here, messages, sharing the trip, safety, cancelling, on the trip, adding a stop, rating and tipping, activity with a receipt, spending and trip help, the account, wallet and cards, Hackney Plus, saved places, inbox, settings and the states a ride really hits.
PRO
Le design system et les 52 écrans dans un seul prompt. Chaque écran a aussi sa propre page, gratuite, si vous n’en voulez qu’un.
Design system
Un fichier, livré avec l’ensemble. Chaque écran déclare ces valeurs en dur pour pouvoir être extrait seul, et la compilation refuse un écran qui peint une couleur que ce fichier ne nomme pas.
Couleurs
palette
ground
#FFFFFF
surface
#F3F3F5
raised
#E8E8EB
line
#E6E6E9
selected
#EDEDF0
hair
#D4D4D8
mapGround
#E9E9E6
skeletonMap
#EDEDEE
black
#000000
ink
#11110C
muted
#66666B
Échelles
Typographie
Inter, 5 graisses
Le parcours
Dans l’ordre où on les rencontre. C’est la séquence de l’app elle-même, pas une liste de catégories.
First run
10Welcome, three slides, two permission primes, home and work, how you pay, ready.
Account
3Email first, then Apple and Google, the code.
Ride
17Where to, choose a ride, pay, schedule, pickup, the driver on the way and here, the trip, a stop, rate and tip.
