Metadata
juli 2022 – 2 weken
Webdesign – Junior Designer
Over ProPro
ProPro (Proficiente Projectbegeleiding) is een adviesbureau dat zich heeft gespecialiseerd in het bieden van ondersteuning bij infrastructurele projecten om deze te begeleiden van begin tot eind. De huidige website was verouderd geraakt en toe aan vernieuwing met als doel het omhoog krijgen van conversie.
Problem statement
De flow van de huidige website sloot niet aan op de behoefte van de gebruiker. Op deze manier is het lastiger voor een potentiële klant om te vinden wat hij zoekt. Sinds gebruikers over het algemeen niet heel ver scrollen en zoeken kan dit resulteren in het verlaten van de website terwijl je wel de juiste dienst biedt als bedrijf.
Design Challenge
Het flow van de website zo aanpassen dat het duidelijk is wat ProPro te bieden heeft door de homepagina onder handen te nemen en een aansluitend menu te creëren waarmee navigeren makkelijker wordt gemaakt.
Huisstijl
ProPro had al een bestaand logo dat zij graag wilde behouden. Deze heb ik als basis gebruikt om de nieuwe huisstijl te vormen. Het lettertype wat hiervoor gebruikt werd is ‘Open Sans’ en deze heb ik doorgevoerd in het nieuwe design van de website. Het vond is veel gebruikt en bovendien goed leesbaar. Ook heb ik de kleur rood behouden die in het logo gebruikt wordt om een aspect van de oude huisstijl te bewaren. Wat mij opviel is de ‘swirl’ die toegepast was in het logo bij de R’s. Deze swirl heb ik apart genomen als identificatiemiddel en subtiel toegepast op het nieuwe design.
Nieuwe flow homepagina
Het belangrijkste voor ProPro is de diensten die worden aangeboden. Wanneer de gebruiker op de website komt zal deze meteen moeten zien of deze diensten aansluiten op de vraag. Door de diensten bovenaan te zetten zal een bezoeker doelgerichter kunnen zoeken.
Hierop volgen de projecten waar het adviesbureau trots op is. Dit wekt vertrouwen op bij de gebruiker en laat zien welke professionele diensten het bureau in het verleden heeft uitgevoerd. De projecten zijn te bekijken aan de hand van een interactieve kaart die laat zien waar de projecten uitgevoerd zijn. Door interactie toe te voegen is de bezoeker meer betrokken bij de website en draag je bij aan de ervaring.
Vervolgens volgt er een stukje over werken bij ProPro om mensen te werven.
Daarop volgt een stukje voor potentiële klanten. Door specifiek doelgroepen te targetten en toe te lichten wat ProPro voor hun kan betekenen, zal een bedrijf of instantie zich eerder aangesproken voelen en het gevoel krijgen dat ProPro bij hun past of hun behoeftes kan vervullen.
Het gedeelte opdrachtgevers is een gedeelte ‘social proof’ die laat zien met wie ProPro eerder heeft samengewerkt. Dit draagt weer bij aan het vertrouwen in het bedrijf.
De homepage eindigd met een ‘call to action’ en footer. De bezoeker kan met de footer makkelijk navigeren over de website en meteen contact opnemen wanneer zij interesse hebben om samen te werken met ProPro.
Megamenu
Op de oude website was het onduidelijk achter welk kopje in de navigatie zich een dropdown ging bevinden. Door pijltjes toe te voegen kwam hier meer duidelijkheid in. Ook zijn een paar kopjes aangepast sinds er nieuwe pagina’s zijn toegevoegd en deze meer aansluiten op het nieuwe design.
Het megamenu was niet perse nodig gezien het aantal pagina’s waar heen genavigeerd kon worden. Wel was deze visueel aantrekkelijker en liet het ruimte over om een bepaalde boodschap kwijt te kunnen met een ‘call to action’.
Bekijk het prototype
De website is nog in de developmentfase, maar neem vooral een kijkje bij het prototype om een idee te krijgen van hoe de aankomende website er uit komt te zien.