Uitdaging

Een interface voor een sterk uiteenlopende groep eindgebruikers, van motorrijders tot professionals op B2B-beurzen tot bezoekers van KreaDoe. Jaarbeurs organiseert veel evenementen per jaar op een groot terrein, verdeeld over meerdere gebouwen en hallen. Bezoekers hadden moeite met navigeren, het vinden van stands en het bijhouden van het programma. De opdracht was dit te vereenvoudigen met een intuïtieve app.

Aanpak

Na een discoveryfase met workshops en stakeholderinterviews ontwierp ik een heldere informatiestructuur en navigatiepatroon. Met prototypes en gebruikerstests verfijnden we de flows tot een vloeiende ervaring. De eerste MVP testten we met een focusgroep tijdens de KreaDoe-beurs. Voor de doorontwikkeling organiseerden mijn collega en ik samen een design sprint.

Daarnaast zette ik een design system en library op specifiek voor de app, gebaseerd op de branding en het systeem van de Jaarbeurs-website.

Vaardigheden

Uitdaging

De wens was een nieuwe, gebruiksvriendelijke frontend voor het invoeren van taxatierapporten door taxateurs, plus een app voor bouwkundige woningopname. Het bestaande systeem was log en traag, paste qua look & feel niet meer bij deze tijd, en moest prettiger in gebruik worden. Een extra complicerende factor was de navigatie: gebruikers moesten een rapport zowel lineair als organisch kunnen doorlopen, met veel business rules en onderlinge afhankelijkheden waar het ontwerp rekening mee moest houden.

Aanpak

In nauwe samenwerking met stakeholders en op basis van het beschikbare design system ontwierp ik een nieuw Taxatieweb en bijbehorende app. Door de complexiteit van het systeem was trial en error onmisbaar: ik probeerde oplossingen uit, liet ze testen op eindgebruikers, en stelde bij op basis van wat wel en niet werkte.

Een taxatierapport invullen is in de kern een heel lang formulier. Om de eindgebruiker hier soepel doorheen te laten navigeren, ontwierp ik een tertiaire navigatiestructuur, los van de hoofdnavigatie. Hierdoor kan een taxateur het rapport sneller en gerichter doorlopen, zonder te verdwalen in de omvang ervan.

Vaardigheden

IBAN-Naam Check portal

SurePay bouwde eerder al API's waarmee bankapps rekeningnummer en naam van de begunstigde controleren, als bescherming tegen tikfouten en fraude zoals spookfacturen. SurePay wilde deze techniek breder aanbieden aan andere organisaties, zoals gemeenten en verzekeraars, en had daarvoor een portal nodig. De uitdaging: de data achter de API visueel en begrijpelijk maken, inclusief het kunnen zoeken en matchen van bedrijven op KvK- en vestigingsnummer, niet alleen voor Nederlandse data maar ook voor andere landen waar SurePay actief is.

Ik ging aan de slag met het ontwerp, na een aantal sessies waarin de belangrijkste wensen en scenario's helder werden en mijn collega developers bouwden de frontend tegen de backend van SurePay.

Developer portal

De samenwerking aan de IBAN-Naam Check portal beviel goed, en Lightbase werd ook gevraagd een developer portal te bouwen: een centrale plek met alle technische informatie die partijen nodig hebben om aan te sluiten op de producten van SurePay.

Het project startte met een inventarisatie van wensen bij de belangrijkste stakeholders, aangevuld met inspiratie uit developer portals van andere fintechs. Op basis daarvan heb ik mijn voorstellen gemaakt in een iteratief traject waarin stakeholders tijdens design-demo's feedback gaven en SurePay ook feedback van eindgebruikers kon ophalen.

Vaardigheden

Uitdaging

Het boekingsproces bij autoverhuur is notoir omslachtig. Lange formulieren en onduidelijke stappen zorgen voor afhakers. De opdracht: maak het zo simpel mogelijk, zonder verrassingen achteraf.

Aanpak

Ik ging in gesprek met stakeholders, analyseerde het bestaande platform en de concurrentie, en vertaalde dat naar nieuwe voorstellen. Sprintsgewijs, met de gebruiker steeds als uitgangspunt. Wireframes vormden de basis voor het uiteindelijke visual design, waarna developers de front- en backend bouwden terwijl ik het ontwerp bewaakte.

Via gebruikerstesten en conversie- en data-analyse valideerde en optimaliseerde ik het proces continu. De grootste winst was een simpelere prijsopbouw en minder stappen in het reserveringsproces. Ook het schrappen van ongebruikte of verwarrende filters bij het kiezen van een voertuig leverde direct resultaat op.

App voor deelmobiliteit

Een grote wens was ook een app te realiseren voor deelvoertuigen. De uitdaging werd deze naast huurvoertuigen logisch in dezelfde app te verwerken — een aparte flow voor het boeken van beide, met als visuele ondersteuning de tab bar als resultaat. De app is te downloaden in de Google Play Store en de iOS App Store.

Van voertuigen naar opslagruimtes

Een nieuwe tak van het bedrijf betreft het verhuren van opslagruimte. Onderaan de streep zijn dezelfde elementen belangrijk: een transparante prijsopbouw, duidelijke filters en geen verrassingen achteraf. Het verschil zat in de keuze zelf — waar je bij een auto weet wat je krijgt, is een opslagbox abstracter. Daarom introduceerde ik een 3D-weergave die laat zien wat er ongeveer past in een box van een bepaald aantal vierkante meters.

Vaardigheden

Uitdaging

Een interface waarop veel informatie in één oogopslag te zien moet zijn, voor een doelgroep met grote variatie in leeftijd en systeemkennis. De opdracht: de voorganger van de app verbeteren.

Aanpak

Ik haalde wensen en frustraties op bij de eindgebruikers zelf of via de Product Owner vanuit de opdrachtgever. De app sloot ik aan op het nieuwe design system van HEMA, waardoor kleurcontrasten en knoppen voortaan aan de standaard toegankelijkheidseisen voldoen. Gebruikers kunnen zelf de lettergrootte aanpassen.

Samen met eindgebruikers bepaalde ik de volgorde van informatie op het scherm, en met hiërarchie in typografie werd meteen duidelijk welke informatie het belangrijkst is. Wat minder relevant of minder vaak nodig was, liet ik weg of plaatste ik onder een scroll of klik, zodat het scherm rustig blijft zonder functionaliteit te verliezen.

De oplossingen zijn doorontwikkeld en gevalideerd met een klankgroep van eindgebruikers. Zo bleek tijdens deze sessies dat het lastig was om tussentijds te wisselen tussen taken. De oplossing was het toevoegen van een tab bar, waardoor navigeren tussen taken duidelijk en direct zichtbaar werd.

Vaardigheden

Uitdaging

Scholen werken met verouderde systemen die onvoldoende aansluiten op de behoeften van leerlingen en docenten. De opdracht was een intuïtieve, toegankelijke leeromgeving te ontwerpen die het dagelijks werk vereenvoudigt.

Vaardigheden

Uitdaging

Een creatieve opleiding vraagt om een platform dat recht doet aan de eigenzinnige identiteit van de school. De uitdaging was een digitale omgeving te ontwerpen die functioneel sterk is maar tegelijk de creatieve sfeer ademt.

Vaardigheden

Uitdaging

Omroep BNNVARA wilde van verschillende merken en programma's met diverse sites met eigen CMS naar één omgeving met een merkbeleving. Deze losse systemen zorgden voor inconsistentie en extra beheerlast. De opdracht was dit samen te brengen tot één gecentraliseerde website, zonder de eigenheid van de afzonderlijke merken en programma's te verliezen.

Aanpak

Ik was mede-verantwoordelijk voor deze transitie en hield in het proces rekening met de wensen en behoeften van diverse stakeholders, programma-redacties en sterk uiteenlopende doelgroepen. Tegelijkertijd bouwde ik mee aan het BNNVARA design system en verrijkte ik de bijbehorende component library, zodat redacties sneller en consistenter nieuwe pagina's konden samenstellen.

Vaardigheden