UX/UI design, user flow, wireframing
The Hazard Factory ontwikkelt een VR learning platform voor veiligheidstrainingen. In één sessie werken meerdere rollen samen, elk met eigen taken en schermen. Studio Fox hertekende de flow en de interface zodat het platform per rol logisch aanvoelt en het team een duidelijke basis heeft om verder op te bouwen.
We startten met een gebruikersrollen die de basis vormen voor alle beslissingen in het platform. Administrator, instructor, host, moderator en participant kregen elk een eigen pad en verantwoordelijkheden voor setup, live begeleiding, monitoring en resultaten. Zo toont het platform niet alles aan iedereen, maar enkel wat op dat moment relevant is.
Omdat dit een live ervaring is, draait de UX om timing en samenwerking. We bepaalden wanneer status, alerts en feedbackmomenten verschijnen, wie kan ingrijpen en hoe voortgang zichtbaar blijft zonder de sessie te verstoren. Dat kader werd de basis voor de wireframes en het prototype.
Op basis van scenario’s werkten we wireframes uit voor de kernflows, van training aanmaken en plannen tot live modereren en opvolgen. We brachten rust in dashboards, lijsten, detailpagina’s en configuratieschermen zodat gebruikers sneller zien waar ze staan en wat de volgende stap is.
Naast wireframes en UI leverden we een uitgebreid Figma design system met foundations en herbruikbare componenten. Kleuren, typografie, iconen, inputs, tabs en buttons zijn uitgewerkt zodat development consistent kan bouwen en itereren zonder telkens opnieuw te moeten ontwerpen.
In het prototype legden we duidelijke patronen vast voor statusoverzichten, rolgebonden acties, notificaties en feedbackmomenten. Zo blijft de ervaring coherent over modules heen, ook wanneer scenario’s of content veranderen.
Tijdens een training moet de interface meebewegen met de sessie. Begeleiders moeten snel kunnen starten, pauzeren en bijsturen, terwijl deelnemers zonder ruis door hun stappen gaan. Door die scheiding per rol voelt het platform voorspelbaar, ook in live context.
De interface maakt zichtbaar wat nog moet gebeuren, waar feedback verwacht wordt en waar resultaten terug te vinden zijn. Dat verlaagt stress tijdens de sessie en maakt opvolging achteraf eenvoudiger.
Aanpak en resultaat
Dit traject leverde een helder UX raamwerk, wireframes, een UI prototype en een design system op. Het resultaat is een platformervaring die per rol klopt, samenwerking ondersteunt en als startpunt diende voor verdere iteraties in development.
