Figma
App & web
UX Research, Wireframes, Visual Design, Design System, Style Guide, UX Design
De uitdaging is het ontwikkelen van twee apps en een beheertool om het order- en bezorgproces te automatiseren. De klantapp faciliteert bezorgverzoeken, betalingen en facturen. De koeriersapp toont opdrachten, leveringsstatus en verdiensten. De beheertool automatiseert orderbeheer, betalingen en communicatie. Deze oplossingen verbeteren de efficiëntie, trekken nieuwe klanten en koeriers aan en ondersteunen groei.
De opdrachtgever runt een koeriersbedrijf in Amsterdam, gericht op bezorgingen en kleine verhuizingen. Momenteel worden aanvragen, betalingen en afspraken handmatig beheerd via een WhatsApp-groep met honderden klanten, wat inefficiënt is. Ook de communicatie met koeriers verloopt handmatig, wat tijdrovend is en foutgevoelig door het mondeling en schriftelijk vastleggen van informatie. Een efficiëntere oplossing zou het proces stroomlijnen, fouten verminderen en de communicatie verbeteren.
12 maanden
Concurrentieanalyse
Vergelijkbare diensten zijn onderzocht om sterke en zwakke punten te identificeren, zoals gebruiksvriendelijkheid, kosten, betrouwbaarheid en unieke features. Dit leverde waardevolle inzichten op in wat goed werkt en waar verbetering mogelijk is, wat helpt bij het bepalen van onderscheidende kenmerken en gerichte verbeteringen voor de eigen service.
Persona's
Gedetailleerde persona’s zijn opgesteld om de belangrijkste klantgroepen te representeren, zoals particulieren en kleine ondernemers. Deze persona’s helpen bij het afstemmen van de app op de behoeften, uitdagingen en doelen van gebruikers.
Interviews
Gesprekken met klanten en potentiële gebruikers brachten uitdagingen en verbeterpunten in kaart. De feedback uit deze interviews vormt een belangrijke basis voor het optimaliseren van de app en de service.
Brainstormsessies
Samen met de opdrachtgever zijn brainstormsessies georganiseerd om de samenwerking tussen de apps en de benodigde functionaliteiten te bespreken.
Userflow
Om een helder overzicht te creëren van de werking en interactie tussen de klantenapp, de koeriersapp en het beheerpaneel, is een gedetailleerde userflow opgesteld. Deze flow schetst hoe gebruikers door de apps navigeren en hoe de verschillende onderdelen met elkaar samenwerken. Dit biedt een duidelijk beeld van de gebruikerservaring en de onderlinge interactie tussen de apps en het beheersysteem.
Branding
GO PICK IT UP had nog geen visuele stijl of branding. Daarom heb ik een uitgebreide branding guide ontwikkeld met daarin huisstijlkleuren, een logo en duidelijke richtlijnen.
De guide bevat:
- Core values en visuele elementen zoals typografie, kleuren, iconen en fotografie, met duidelijke do's en don'ts.
- Een helder kleurenpalet (primair en secundair) met toepassingen voor de website, app en social media.
- Richtlijnen voor logo-gebruik op verschillende media en toepassingen.
- Uitgebreide beschrijvingen van lettertypes en hun correcte gebruik.
- Een tone of voice-gids voor consistente communicatie op alle kanalen.
Deze branding guide biedt GO PICK IT UP een stevig fundament voor een professionele en uniforme visuele identiteit.
Schetsen en wireframes
Na het voltooien van de branding zijn er wireframes ontwikkeld voor zowel de klantenapp als de koeriersapp. Deze wireframes zijn vervolgens getest met een groep testpersonen. Voor de klantenapp richtte de test zich op het proces van account aanmaken, terwijl bij de koeriersapp de focus lag op het beheren van orders en het accepteren van opdrachten. De flows van deze wireframe-tests zijn hieronder weergegeven.
Ontwerpproces
Na het vaststellen van het wireframeconcept en de gemaakte afspraken, ben ik verder gegaan met het uitwerken van het visuele ontwerp in Figma. Hierin zijn alle benodigde schermen uitgewerkt, in totaal 144 unieke schermen voor zowel de klantenapp als de koeriersapp.
Iteraties
Tijdens dit proces zijn er meermaals wekelijks feedback momenten geweest waarin we de feedback hebben verwerkt van de opdrachtgever en developers.
Design systeem
Het visuele ontwerp is zorgvuldig uitgewerkt. Gezien het grote aantal benodigde schermen is er een design system opgezet om het proces te stroomlijnen. Dit systeem bevat alle essentiële designelementen als componenten, evenals de kleuren en typografische stijlen, zodat aanpassingen eenvoudig doorgevoerd kunnen worden. Daarnaast zorgt het design system ervoor dat toekomstige wijzigingen sneller door te voeren zijn en vormt het een solide basis voor nieuwe ontwerpen en schermen.
Visueel ontwerp klanten app
Hieronder vind je de visuele ontwerpen van de klantenapp, die gebruikers kunnen downloaden om eenvoudig gebruik te maken van onze diensten. De voorbeelden laten verschillende belangrijke gebruikersflows zien, zoals het aanmelden en registreren, het bestellen van koerierdiensten en het aanmelden en beheren van ritten. Deze ontwerpen geven een helder beeld van de gebruikerservaring en de functionaliteit van de app.
Visueel ontwerp koerier app
Hieronder worden de belangrijkste flows van de koerierapp weergegeven. De visuele ontwerpen tonen onder andere de accountinstellingen, binnenkomende klantaanvragen en de interface van het dashboard en de homepagina.
Usability testing
Bij de oplevering van de twee apps worden A/B-tests uitgevoerd, vooral voor het aanmaken van een account en de bestelflow.
De visuele concepten zijn getest met gebruikers via klikbare demo’s voor de belangrijkste flows: account aanmaken, bestellen en accountbeheer.
Na de ontwikkeling zijn alle mogelijke scenario’s getest om te verzekeren dat de functionaliteit werkt en het ontwerp nauwkeurig is overgenomen. De tests zijn uitgevoerd op iOS- en Android-toestellen.
Op het moment van schrijven worden de apps uitgerold in de appstores. Omdat de lancering nog gaande is, is er nog geen data beschikbaar over het aantal downloads en voltooide orders.
De komende maanden worden verschillende statistieken gemeten, waaronder het aantal downloads, aangemaakte accounts, voltooide bestellingen en de gerealiseerde winst.
De grootste uitdaging lag in de projectplanning, vooral aan de developmentkant. Ondanks frequent overleg was het lastig om deadlines nauwkeurig in te schatten, omdat developers meer tijd nodig hadden dan gepland. Extra functionaliteiten verhoogden de workload, waardoor we de deadline meerdere keren moesten verschuiven.
