We designed and built the HSSE Induction Tool entirely in-house, from UX and UI to technical realisation. The style aligns with Ecowende's corporate identity, with supplied animations and watercolour illustrations seamlessly integrated into the interface.
The tool is composed of modules with chapters within them. Each chapter consists of a combination of content pages and test forms. The content pages are available as four templates: an animation template with Vimeo-embedded, an image template, a combination of text and image and a test form template. This allows the content of each chapter to be constructed in a varied and attractive way.
After each chapter, knowledge is tested via closed multiple-choice questions, open-ended questions and drag-and-drop exercises where users drag elements to the right position. The tool stores intermediate progress so that users can pick up where they left off at a later time.
After successfully completing all modules, the user automatically receives a certificate by e-mail. The certificate can also be downloaded as a PDF via the dashboard.
The invitation system works through an invitation form. Inviters enter the visitor's name, e-mail address and company name and select the appropriate target group: Visitor, Shipmaster or Contractor. After sending, the system keeps track of the status of each induction. If necessary, an inviter can manually resend a login code to the invitee.