Stedin PreBoarding

Voordat deze website online ging had Stedin een soort interactieve PDF online staan waar nieuwe werknemers een link van toegestuurd kregen. Dit bleek niet altijd te werken omdat een interactieve PDF niet binnen alle browsers op een zelfde manier getoond wordt.

Goede reden voor Stedin om dit te vertalen naar een mini website die wel werkt.

De intro van de website begint met een fotogallerij waarin diverse functies van Stedin worden verbeeld. Dus of je nu als monteur of als KCC medewerker aan de slag gaat, je herkent je altijd wel in een van de beelden in de gallerij.
Tevens worden de vier ingangen naar de rest van de website op deze pagina getoond waar je verdere informatie kunt zien over de organisatie, of hoe je je voorbereidt op je eerste dag bij Stedin.

Het prototype van deze website heb ik in Adobe XD gemaakt en gedeeld met Stedin. Na wat aanpassingen heb ik de uiteindelijke site gebouwd in Webflow. Webflow is, zeg maar, een page-builder tool om visueel een website in elkaar te zetten. In theorie hoef je niets te programmeren, Webflow heeft voor elke gewenste situatie wel een kant-en-klare oplossing. Maar, net als bij de vele page-builders voor WordPress, ontkom je op bepaalde punten niet aan een stukje custom code.
Maar hierin voorziet Webflow zonder problemen.

Het grote voordeel van Webflow is ook dat je content-editors kunt toevoegen (in dit geval een aantal medewerkers van de afdeling communicatie binnen Stedin) die bepaalde onderdelen (dit is in te stellen in Webflow) kunnen aanpassen. En dat aanpassen gebeurt niet in een soms onbegrijpelijke back-end (zoals WordPress), maar gewoon aan de voorkant (front-end) van de website. Je ziet dus meteen het resultaat. Een erg mooie oplossing binnen Webflow.

Het ontwerp en de bouw van deze website in Webflow heb ik tijdens mijn dienstverband bij oOdesign gedaan.