Ecowende HSSE inductie tool

Mockup screen light
icon swipe

Swipe voor meer projecten

Staging induction ecowende nl induction ecology

Introductie

Ecowende is een joint venture van Shell, Eneco en Chubu, opgericht om het windpark Hollandse Kust (west) kavel VI te ontwikkelen, bouwen en exploiteren. Met 54 windturbines op ruim 50 kilometer uit de kust bij IJmuiden levert het windpark straks circa 3% van de Nederlandse elektriciteitsvraag. Het windpark wordt in 2026 in gebruik genomen en wordt gepresenteerd als het meest ecologische windpark tot nu toe.

Wij bouwden de Ecowende HSSE Induction Tool, een digitale onboardingapplicatie waarbij iedereen die aan het werk gaat op of om het windpark eerst een verplichte veiligheidsinductie doorloopt. De tool werd in 2025 opgeleverd en telt inmiddels bijna 1600 gebruikers.

CMS

Frontend

Tailwind CSS, Barba JS, Alpine, Vue

Functionaliteiten

Modulaire inductietraining, multiple choice en drag-and-drop tests, certificaatgeneratie, PDF-export, uitnodigingssysteem, dashboard voor admins en uitnodigers, CSV-export

De uitdaging

Offshore windparken zijn complexe en gevaarlijke werkomgevingen. Iedereen die er werkt of op bezoek komt, van contractors tot shipmasters tot reguliere bezoekers, moet aantoonbaar op de hoogte zijn van de geldende veiligheids- en milieuprotocollen voordat zij toegang krijgen tot de installaties.

Ecowende wilde dat proces digitaliseren en stroomlijnen. Niet een simpel document dat iemand doorklikt, maar een aantrekkelijke, interactieve inductietool waarbij gebruikers via modules en hoofdstukken stap voor stap worden meegenomen door alle relevante veiligheidsregels. Met tussentijdse kennistoetsen die controleren of de stof daadwerkelijk is begrepen. En met een volledig administratief systeem waarmee beheerders de voortgang van alle gebruikers kunnen volgen en beheren.

De uitdaging: bouw een tool die serieus genoeg is voor een kritisch veiligheidsproces bij een internationaal windparkproject, maar aantrekkelijk en gebruiksvriendelijk genoeg dat mensen het daadwerkelijk doorlopen en onthouden.

Staging induction ecowende nl induction

De oplossing

Wij ontwierpen en bouwden de HSSE Induction Tool volledig in eigen beheer, van UX en UI tot technische realisatie. De stijl sluit aan bij de Ecowende huisstijl, met aangeleverde animaties en waterverf-illustraties die naadloos zijn geïntegreerd in de interface.

De tool is opgebouwd uit modules met daarbinnen hoofdstukken. Elk hoofdstuk bestaat uit een combinatie van inhoudspagina's en testformulieren. De inhoudspagina's zijn beschikbaar als vier templates: een animatie-template met Vimeo-embed, een afbeeldingstemplate, een combinatie van tekst en afbeelding en een testformuliertemplate. Zo kan de content van elk hoofdstuk op een afwisselende en aantrekkelijke manier worden opgebouwd.

Na elk hoofdstuk wordt de kennis getoetst via gesloten multiple-choice vragen, open vragen en drag-and-drop oefeningen waarbij gebruikers elementen naar de juiste positie slepen. De tool slaat voortgang tussentijds op zodat gebruikers op een later moment verder kunnen gaan waar ze zijn gebleven.

Na het succesvol doorlopen van alle modules ontvangt de gebruiker automatisch een certificaat per e-mail. Het certificaat is ook te downloaden als PDF via het dashboard.

Het uitnodigingssysteem werkt via een uitnodigingsformulier. Uitnodigers vullen de naam, het e-mailadres en de bedrijfsnaam van de bezoeker in en selecteren de juiste doelgroep: Visitor, Shipmaster of Contractor. Na verzending houdt het systeem de status bij van elke inductie. Indien nodig kan een uitnodiger handmatig een logincode opnieuw versturen naar de genodigde.

Drie gebruikersgroepen, drie doelgroepen

De tool werkt met drie gebruikersgroepen met elk eigen rechten en mogelijkheden.

Sitebeheerders zijn medewerkers van Ecowende met volledige toegang tot het systeem. Zij kennen rechten toe aan onboarding-beheerders en hebben toegang tot alle rapporten en exports.

Uitnodigers zijn mensen die anderen kunnen uitnodigen om een of meerdere modules te doorlopen. Zij hebben een dashboard met een overzicht van actieve en afgeronde inducties, inclusief de mogelijkheid om certificaten te downloaden en een CSV-export te maken.

Gebruikers zijn de mensen die de inductie daadwerkelijk doorlopen. Zij registreren een account, doorlopen de modules op hun eigen tempo en ontvangen na voltooiing hun certificaat.

Naast de gebruikersgroepen werkt de tool met drie doelgroepen, Visitor, Shipmaster en Contractor, die elk een eigen set modules doorlopen die aansluit bij hun specifieke rol en verantwoordelijkheden op het windpark.

De complexiteit zat in de gebruikerservaring

Een veiligheidsinductie is geen product dat mensen uit zichzelf kiezen. Het is een verplichting. De uitdaging was die verplichting om te zetten in een ervaring die mensen serieus nemen en waarbij ze de informatie daadwerkelijk opnemen.

Dat begint bij het ontwerp. Wij werkten alle user stories uit voor elk type gebruiker voordat we een scherm ontwierpen. Vervolgens maakten we een volledig klikbare demo zodat Ecowende de tool al kon ervaren voordat een regel code was geschreven. Die aanpak zorgde ervoor dat het eindresultaat exact aansloot op de verwachtingen.

De drag-and-drop testformulieren vroegen om een aparte technische aanpak. Gebruikers slepen elementen naar de juiste positie in een vlak — een interactievere en daardoor effectievere toetsvorm dan een simpele multiple-choice vraag. Wij bouwden maximaal twee maatwerk drag-and-drop schermen die naadloos aansluiten op de rest van de tool.

Technische details

Craft CMS als basis voor contentbeheer en gebruikersbeheer. Tailwind CSS voor de frontend styling. Servd als hostingplatform met dagelijkse automatische backups. Uitnodigingssysteem via uitnodigingsformulier met naam, e-mailadres, bedrijfsnaam en doelgroepselectie. Handmatig opnieuw versturen van logincodes mogelijk. Modulaire contentstructuur met vier paginatemplates per hoofdstuk. Multiple-choice testformulieren, open vragen en drag-and-drop oefeningen. Tussentijds opslaan van voortgang. Automatische certificaatgeneratie en PDF-export na voltooiing. Dashboard voor admins en uitnodigers met lijsten van actieve en afgeronde inducties. CSV-export per lijst. Volledig in het Engels.

Het resultaat

De Ecowende HSSE Induction Tool telt inmiddels bijna 1600 gebruikers. Iedereen die aan het werk gaat op of om het windpark Hollandse Kust (west) VI doorloopt de digitale inductie voordat zij toegang krijgen tot de installaties. Beheerders hebben via het dashboard real-time inzicht in de voortgang van alle gebruikers en kunnen direct actie ondernemen als een inductie niet is afgerond.

Het windpark gaat in 2026 in gebruik. De tool is daar klaar voor.

Wat dit project ons heeft geleerd

Veiligheidskritische applicaties vragen om een andere aanpak dan een reguliere website. De consequenties van een slechte gebruikerservaring zijn hier groter dan ergens anders. Als een gebruiker afhaakt of de tool niet begrijpt, gaat iemand mogelijk onvoldoende voorbereid aan het werk op een offshore windpark.

Dat besef heeft elk ontwerpbeslissing bepaald. Van de modulaire opbouw tot de drag-and-drop toetsen tot de klikbare demo vooraf. Niet de techniek stond centraal maar de vraag: gaat deze gebruiker begrijpen wat er van hem verwacht wordt?

Veelgestelde vragen

De tool is bedoeld voor iedereen die aan het werk gaat op of om het windpark Hollandse Kust (west) VI van Ecowende. Dat omvat drie doelgroepen: Visitors, Shipmasters en Contractors. Elk doorloopt een set modules die aansluit bij hun specifieke rol en verantwoordelijkheden.

Na het succesvol doorlopen van alle modules ontvangt de gebruiker automatisch een certificaat per e-mail. Het certificaat is ook te downloaden als PDF via het dashboard.

Ja. De tool slaat voortgang automatisch op zodat gebruikers op elk moment kunnen stoppen en op een later moment verder kunnen gaan waar ze zijn gebleven.

Uitnodigers vullen een uitnodigingsformulier in met de naam, het e-mailadres en de bedrijfsnaam van de bezoeker en selecteren de juiste doelgroep. Na verzending houdt het systeem automatisch de status bij. Indien nodig kan een logincode handmatig opnieuw worden verstuurd.

Klaar om samen te bouwen?

Of het nu gaat om een complexe webapplicatie, een digitaal platform voor jouw sector of een langdurig partnerschap, wij denken mee vanaf dag één en bouwen wat écht werkt voor jouw organisatie.