Uitgelichte case
Hoppin app-herontwerp
Mobiliteit herdenken voor een vlottere en slimmere ervaring voor gebruikers van verschillende vervoersmiddelen.
Overzicht
Hoppin is een platform dat openbaar vervoer, gedeelde mobiliteit en reisplanning samenbrengt in één service. In dit teamproject herontwierpen we de mobiele app om de frictie te verlagen, de volgende actie duidelijker te maken en een betrouwbaardere interface te creëren voor mensen die gemengde verplaatsingen plannen.
UX/UI designer in een teamproject, met focus op flow, duidelijkheid en interfaceconsistentie.
Het boekingsproces vereenvoudigen, belangrijke vervoersopties sneller tonen en verwarring verminderen.
Onderzoek, wireframes en visueel prototyping in Figma.
Proces
1. Onderzoek en probleemanalyse
We begonnen met het analyseren van de bestaande app en brachten de belangrijkste knelpunten in kaart via testen en vergelijking met gelijkaardige mobiliteitsapps. De grootste problemen waren rommeligheid, een onduidelijk doel en te veel keuzes die allemaal om aandacht vochten. Die bevindingen bepaalden de richting van het herontwerp.
- Rommelige interface en verwarrende navigatie
- Onvoldoende duidelijk waarvoor de app diende
- Te veel mogelijke opties binnen één applicatie
2. Wireframes
Wireframes hielpen ons om de hiërarchie te testen voordat we ons op de visuele uitwerking vastpinden. Het belangrijkste doel was om het startscherm licht te houden, maar routeplanning en vervoerskeuze wel helder te maken.
3. Visueel ontwerp en prototyping
Voor de visuele stijl kozen we voor frisse kleuren, afgeronde vlakken en vriendelijke typografie om de app rustig en betrouwbaar te laten aanvoelen. Het prototype legde sterk de nadruk op toegankelijkheid en snel scannen, zodat de belangrijkste acties altijd zichtbaar blijven.
- Een helder startscherm met directe toegang tot reisplanning
- Real-time overzicht van beschikbare mobiliteitsopties
- Een gestroomlijnd boekingsproces met duidelijke feedback in elke stap
4. Eindresultaat
De herontworpen app leest duidelijker, voelt minder overweldigend aan en ondersteunt snellere beslissingen. Dit project toont hoe ik complexe interfaces aanpak: beginnen bij gebruikersproblemen, de structuur vereenvoudigen en daarna de visuele taal rond die flow verfijnen.
In één oogopslag
Te veel mobiliteitsopties in één interface zorgden voor twijfel en visuele ruis.
We verminderden de rommel, verduidelijkten de hiërarchie en introduceerden een rustiger boekingsproces.
Ik kan een complexe service vertalen naar een duidelijkere en beter bruikbare productrichting.
Galerij
Waarom deze case telt
Dit project is sterk omdat het praktisch UX-denken toont: frictie herkennen, content structureren rond de volgende stap van de gebruiker en de interface toegankelijk houden. Dat is het soort werk dat ik verwacht van een junior designer die verder kijkt dan alleen visuals.