INDUCTION REVAMP
Boosted the onboarding experience of new employees in our company during their first three months by making them feel welcome, supported, optimistic and confident.
|
Figma, CMS builder |
|
|
Vision
The aim of the project was to improve employee satisfaction during the first few weeks of getting hired.
A high level list of key criteria to achieve through this project were identified below:
A high level list of key criteria to achieve through this project were identified below:
- To inspire and engage with new starters
- To set expectations of company culture, values and compliance
- To get joiners up to speed as soon as possible
- To lay a foundation to form important relationships with the team
Problem and Opportunity
Based on feedback the team had received, there was a disconnect with certain new employees who were not completely satisfied with the onboarding process.
Only 12% of employees strongly agree that their company has a great onboarding program |
However, a great onboarding program can improve employee retention by 82% |
User Research
I conducted a survey with various employees in different grades and backgrounds to find out how they felt about their onboarding experience and what they wished for. Combining these findings with existing feedback that the team received, we built a mindmap of the ideal onboarding experience.
Thoughts and feelings of a new employee in an ideal onboarding experience:
|
WELCOME Feel that they are valued and will fit in with the team |
CONFIDENT that they can do the job that has been explained to them |
OPTIMISTIC about company culture and their future with the company |
EXCITED about potential opportunities in the role and the company |
PRIDE being a part of the company’s philosophies and objectives |
This led us to the question 'How might we create an engaging onboarding experience?'
Personas
|
|
Ideation
Ideation began by taking a broad look at improving the onboarding process, particularly during the first month. Following this, we narrowed down the list to ideas that are viable, feasible and desirable.
|
Scope Definition
|
Having zoned in on the ideas that were viable, feasible and desirable, we realised that a lot of these were already offered! However, they were either hard to access or could be better implemented.
One of the steps we could take with minimal effort and budget was to revamp the new joiners employee portal. This would:
|
We narrowed down the scope to focus on providing an engaging platform for new joiners to easily find and access information they would need during their first 3 months of onboarding |
Information Architecture
We started to create this platform by using our research insights to map out what is important to a new joiner.
Stage 1 |
|
Feedback on sitemap:
- Too many pages and content, which could overwhelm new joiners and make it harder for them to find information they need.
- No indication of when everything needed to be done or read
To simplify our workflow, we wanted to create a single main page with everything at a high level, which would then link to other pages. This converted it to a more linear form as shown below.
Stage 2 |
|
Prototyping
The goal was to fit this portal into the already existing framework. Most of the webpages were present - we just needed to point new joiners towards them, while creating minimum additional content. Most importantly, we had to work within the constraints of the CMS system being used - we could only use two columns, and didn't have a lot of the UI elements available in regular websites.
The timeline page was first prototyped in Figma over a few iterations. We only needed a low fidelity prototype - as this was being built in a tool that already followed brand guidelines, and the build effort was not high.
The timeline page was first prototyped in Figma over a few iterations. We only needed a low fidelity prototype - as this was being built in a tool that already followed brand guidelines, and the build effort was not high.
|
|
Result
After getting to our final prototype, we built it in the CMS builder and iteratively fine-tuned it. Here are our final results.
HOMEPAGE
|
FEATURES:
CONSTRAINTS:
|
|
FEATURES
CONSTRAINTS:
|
|
|
FEATURES
CONSTRAINTS:
|
TIMELINE PAGE
The timeline page takes the user on a journey, showing everything that needs to be done during induction along with other useful information. Sorting by time gives employees structure to their .
|
|
|
|