Oostendorp Autogroep PLP & VDP

PERIODE

2022 – 2023

WERKGEVER

MIJN ROL

UX/UI Design & Frontend developer

OPDRACHTOMSCHRIJVING

Het verbeteren en vernieuwen van de product overzichts en detail pagina. Dit voor verbetering van de gebruikerservaring.

Momenteel ben ik werkzaam voor Oostendorp Autogroep. Hierin werk ik met mijn collega’s in het online team, waarbij ik me voornamelijk richt op de website.

Samen met het software bedrijf zijn we bezig geweest met het ontwikkelen van een Design System voor de website. Waarin we de verschillende functies en componenten van de website in een overzicht zetten.

Naar aanleiding van de pagina’s waar de meeste bezoekers op landen besloten we allereerst met de product listing page (PLP) en Vehicle Detail Page (VDP) aan de slag te gaan.

Bekijk live

Research

Binnen het online team zijn we gaan kijken wat de huidige resultaten zijn van de pagina’s en hoe de gebruikers ermee interacteren. Wat vinden gebruikers belangrijk dat terugkomt op de pagina? Waarmee helpen we de gebruiker de pagina’s gemakkelijk te doorlopen?

Hierbij hebben we ook samengezeten met collega specialisten op het gebied van verkoop van auto’s binnen het bedrijf. Zei staan vaak in contact met de gebruikers, krijgen de vragen van ze door en weten dus waar gebruikers wel of niet op zitten te wachten.

We hebben alle research vanuit analytics en gebruikers verzameld zodat we aan de slag konden met het redesign van de pagina’s. Welke aspecten van de gebruikersinterface zouden gebruikers graag verbeterd zien en hoe maken we de pagina’s zo gebruikersvriendelijk mogelijk?

UX/UI Design

Voor het redesign van de pagina’s ben ik aan de slag gegaan in Figma. Voor dat ik hiermee aan de slag ben gegaan heb ik veelvuldig gekeken naar concurrentie en andere websites binnen, maar ook buiten de automotive branche.

Wat zijn hier goede elementen en wat zijn verbeterpunten die wij meteen al meekunnen nemen? Alle elementen en punten uit onze eigen research vanuit de gebruikers meegenomen. Hiermee ben ik verschillende design gaan maken en daarin gaan itereren.

Na verschillende test momenten, iteraties op basis van deze testen en brainstorm sessies zijn we tot het uiteindelijke resultaat gekomen. Hierbij zoveel mogelijk denkend aan het gebruiksgemak.

Frontend development & Realisatie

Uiteindelijk ben ik in samenwerking met het software bedrijf aan de slag gegaan met de realisatie van de pagina’s. Hierin was mijn rol frontend development en het bewaken van de UX/UI designs. Hierbij heb ik veelvuldig samen gewerkt met de backend en frontend developers.

Voor dit project werken we in sprints van ieder 3 weken. Waar we besloten om te beginnen met de PLP. Toen deze eenmaal was gerealiseerd gingen we aan de slag met de VDP. Hierbij besloten we eerst de noodzakelijke delen te realiseren, waar we later nog de optimalisatie aan gingen toevoegen. (zoals bijv. de thumbnail slider en het maps kaartje)

Na een aantal sprint weken zijn de volledige pagina’s afgerond. Met deze optimalisatie van deze belangrijke pagina’s zijn we gaan kijken naar de impact van de vernieuwing en zullen we steeds hierin optimaliseren om de pagina’s steeds te verbeteren voor de gebruikers.

Oud:

Nieuw:

Oud:

Nieuw:

Resultaat & Impact

Op PLPs waren al snel stijgingen in resultaten te zien. Er kwamen recordaantallen per week, leuk feitje is daar dat we bijvoorbeeld van +/- 300 views per week naar 1000+ aan het stijgen zijn (die week daarna ging het al naar de 1.200+ te gaan)

Ook toen de VDPs live gingen was er daar ook een stijging te zien. Het aantal views wat we normaal in één week hebben wordt nu op één dag bereikt. Waar deze tussendoor ook nog geoptimaliseerd werd. We zijn zeer blij met het uiteindelijke resultaat!

Met de positieve reacties vanuit de organisatie en gebruikers. Daarnaast uiteraard ook met de stijgende cijfers, waaruit we kunnen halen dat het een zeer positief effect heeft. We blijven testen doorvoeren en optimaliseren op de pagina, zodat de gebruikerservaring optimaal zal blijven!

Bekijk live

Oud:

Nieuw:

Oud:

Nieuw: