Reisartikelen herontwerp

Een herontwerp met focus op conversieratio's

  • Projectjaar: 2021
  • Projectdoel: Design en Datavisualisatie
  • Doelgroep: Beleidsmakers Ring Ring (35-70 jaar)

Tijdens dit project kreeg ik de opdracht van Ring Ring om een dashboard te ontwerpen voor de beleidsmakers. Ring Ring is een bedrijf dat met haar app data verzameld over fietsverkeer en probeert met haar app mensen te motiveren om meer te fietsen. Daarnaast wilt Ring Ring ook graag feedback ontvangen en visualiseren over haar gebruikers en hun fietsroutes. Voor het dashbaord kregen we een geojson met onder andere de coordinaten van de routes, de snelheid, de start en einddatum en tijd, de feedback met feedbackscore en de afgelegde afstand

mockup image

Inlogpagina

Inkomstscherm voor autheticatie

Aangezien dit dashboard privé RingRing data bevat, is er een inlogpagina waar er ingelogd dient te worden.

Inlogscherm van het ring ring ontwerp

Dashboard

Het hoofdscherm

Op de dashboardpagina wordt er een globaal overzicht getoond waar alle deatilpagina's zichbaar zijn: Kaart, datavisualisatie en feedback.

Hoofdscherm van het ring ring ontwerp

'Voor u'-pagina

Data op basis van type account

Op de Voor U pagina worden datavisualisaties getoond die relevant zijn voor de betreffende persoon die ingelogd is. In dit voorbeeld ligt de focus op tijdstippen. Hier wordt met D3 een stackedbarchart getoond. De gekleurde bars kunnen weggefiltered worden door op de betreffende filter te klikken aan de rechterkant. Daarnaast is het mogelijk om de data te filteren op dagen in plaats van tijdstippen. Naast de stacked barchart worden er ook andere data gevisualiseerd in een simpel leesbar vak en een piechart die ook met D3 ontworpen is.

Voor u pagina van het ring ring ontwerp

Kaartpagina

Routes bekijken op een kaart

Op deze pagina kunnen de beleidsmakers de routes uitstippelen per tijdstip. Er wordt gebruik gemaakt van kleurcodes om de nachten, spitsuren en overdag weer te geven(blauw, rood en geel). Door het gebruik van een kaart hebben de medewerkers van Ring Ring een snel overzicht over de drukste periodes en welke routes fietser precies nemen.

Kaartpagina van het ring ring ontwerp

Feedbackpagina

Gegeven feedback over routes bekijken

Op de feedback pagina krijgen de beleidsmakers een overzicht te zien van alle binnen gekregen feedback. Hier worden verschillende gegevens getoont zoals afstand, datum en de feedback zelf. Het is mogelijk om de feedback te filteren op soort dag en feedbackscore. Daarnaast is het mogelijk om de feedback door te versturen naar een mede beleidsmaker wanneer de knop 'selecteer' wordt gebruikt.

Feedbackpagina van het ring ring ontwerp