Van losse plug-in naar inzicht in realtime, in minuten.

UX/UI-ontwerp

Industrie:

logistiek en transporttechniek

Tijdlijn:

1 maand

Impact:

+54% hogere beoordelingen in de appstores

Kayo fitness app mobile interface showing personalized workout dashboard

Een sterk product vraagt om een scherpere pitch

Kayo levert GPS-trackingsoftware voor kleine bedrijven, maar hun oude marketingsite deed het product geen recht. De verwarrende indeling, de onduidelijke boodschap en het ontbreken van een fatsoenlijke mobiele UX hielden het tegen, juist voor een product dat is bedoeld voor mensen die continu onderweg zijn.

Ze kwamen bij ons met wireframes, een merkgids en een deadline. Ons team dook erin en maakte er een scherp UX/UI-project van. Van het soepeler maken van de mobiele onboarding tot het aanscherpen van hun designsysteem voor GPS-trackingsoftware, we richtten ons op een heldere, gebruiksvriendelijke ervaring.

Geen franje, en franje was ook niet toegestaan.

Het is tien uur 's avonds. Weet je waar je vrachtwagens zijn?

Dat is het soort probleem waar de klanten van Kayo mee zitten: gemiste leveringen, no-shows en oplopende kosten. Hun product lost dat op, maar de site legde dat niet snel of duidelijk genoeg uit.

We pakten het project aan met heldere doelen:

De boodschap aanscherpen
De route door de site versimpelen
De wireframe respecteren
En mobiele gebruikers behandelen als volwaardige bezoekers

We testten ook de mobiele prototypes op bruikbaarheid, zodat de ervaring voor elke gebruiker klopte. En dat leverden we.

Mobile interface mock-up showing personalized GPS tracking dashboard

Mobile mock-ups of the mobile onboarding and pricing screens

Wat we opleverden

We namen de wireframe en het merkmateriaal van Kayo en maakten er een gerichte, moderne interface van. Het resultaat is een gebruiksvriendelijke ervaring die snel te scannen is, makkelijk in gebruik, en prettig op mobiel.

Onze aanpak:

Desktop- en mobiele ontwerpen geleverd in Adobe XD
Gebouwd met een heldere conversieroute en een duidelijke opbouw van call-to-actions
Flexibele ontwerpcomponenten gemaakt voor toekomstige updates
Snel gewerkt, met wekelijkse ontwerpoverleggen en feedbackrondes

Waar het ontwerp zich op richtte:

Een eenvoudige kernboodschap: jij volgt, wij maken het zichtbaar
Een nuchtere opzet voor de prijzen en de servicepakketten
Heldere iconen en kleurgebruik die vertrouwen wekken

Het testen van de mobiele prototypes hielp het ontwerp aan te scherpen, zodat de ervaring voor gebruikers van begin tot eind klopte.

Tablet wireframe showing conversion-focused call-to-action hierarchy

De techniek en de oplevering

Ontwerptool: Adobe XD
Opleverformaat: gelaagde desktop- en mobiele bestanden, iconensets, specificaties
Werkwijze: wekelijkse feedbackrondes, een visuele QA-checklist, en daarna de definitieve oplevering

Geen ontwikkelaars die zaten te raden. Geen klanten die zaten te wachten.

Mobile display of design-system components and iconography for the Kayo app

Tablet display of design-system components and iconography for the Kayo app

Wat er veranderde

De navigatie ging van “waar ben ik?” naar “begin nu”
De voordelen van het product springen er nu uit, op desktop en mobiel
Het inwerken van klanten ging sneller door een betere pagina-opbouw
Boeken en offertes aanvragen met één klik staan nu vooraan

We maakten de interface van Kayo niet alleen mooier. We lieten hem werken.

Mobile prototype usability testing with user feedback

Layered tablet image of the check out page

Je bent één wireframe verwijderd van een beter resultaat

Of je product nu GPS-tracking is of iets heel anders, je wilt geen leads verliezen bij de eerste scroll.

Plan een videocall van 30 minuten, geen druk, geen jargon, dan laten we je zien hoe je je volgende UX-project makkelijker verkoopbaar en makkelijker bruikbaar maakt.

Plan een call

Terug naar overzicht