Hairlabs
A Gamified Onboarding Experience with xAPI tracking
Skillset Required
Project Overview
HairLabs is a hair care centre created to address problems and restore hair health in a personalised manner, offering high-technology treatments at affordable costs.
They were looking for an onboarding experience that would enable their new team members to describe the overall business idea, its main key-selling points, as well as a few of their services.
I believe most learning experiences should be as close as possible to real life situations. So I designed a journey based on a very familiar scenario, where the new collaborator is about to meet a friend and tell her all about the new job at HairLabs. 
The learning journey offered many interactive ways for the user to actively go after the information needed to progress through the experience, in a learn-as-you-go system. 
It was important to also portray the company’s culture and values throughout the experience, so I built the user interface heavily aligned with their brand identity, and used interactive videos where the company’s leadership had a role in the story and other immersive activities. 
Measuring new members’ performance was crucial, so we tracked users’ activity with xAPI and delivered a data visualisation dashboard where the client can follow KPIs in real time.
Watch the video below for a sneak peek of the onboarding experience.
HairLabs gamified onboarding video case.
Screenshots
Here you can check some of the moments in the onboarding experience.
The fictional coffee place was rebranded with a name related to the subject: Capillus means hair in latin.
At the beginning of the journey, the learner receives an email from one of the directors congratulating them on being selected for the position. This director will be a contact point for the learner to ask questions and learn more about the business throughout the onboarding process.
An example of the dialogue the learner has with their friend in the coffee shop.
Quite often in the experience, the learner is presented with questions about the business, asked by their friend.
Here is an example of a drag-and-drop activity to help learners distinguish HairLabs’ portfolio of services.
The journey presents many knowledge retention activities to the learner, such as this fill-in-the-blanks interaction.
Once the journey is concluded, ther learner receives a congratulation video message from one of HairLabs' directors.
Tools & Platforms
• Articulate Rise
• Veracity LRS
• AWS S3
• Adobe Suite
• xAPI
• JavaScript
Language
• Brazilian Portuguese
Would you like to know more about this project?

Just can't get enough? Here's more :)

Top