TL;DR
Created an onboarding journey that helped new users quickly see value and saved time for senior executives. Focused on clarity, reassurance, and engagement in the first minutes of use.
Upon full implementation, this digital experience led to a time savings average of 8 hrs per new employee onboarded and an increase in the amount of information retained by a new employee during onboarding.
Introduction
I had the opportunity to create a digital new employee onboarding experience during my time as a Senior Experience Designer. The goal of this project was to create an experience that would smoothly integrate new team members, set them up for success in the role, and decrease the time taken to understand the role responsibilities.
Role and Responsibility
To complete this web experience, I worked as the UX/UI designer and front-end developer, completing user research, creating the digital wireframes and assets, creating any clickable prototypes, and coding the web experience.
Tools Used
•Adobe Illustrator
•Figma
•Visual Studio Code
Problem
Through the conduction of user interviews with recently hired employees, interviews with stakeholders (executive leadership), and drawing on my own experience as a new employee, it was discovered that the most common trends were feeling a lack of inclusion within the team, not understanding the role responsibilities, increased anxiety and too much time being taken from leadership. The new employees were also experiencing difficulty understanding the company's tools of choice and where to learn about them.
Solution
We decided to create a digital New Employee Onboarding utilizing responsive web development (HTML, CSS, JS), enabling the new employee to onboard at their own pace, to easily access the necessary information to be successful in the role, and utilize the time spent with their new leader effectively.
Upon full implementation, this digital onboarding experience led to a senior executive time savings average of 8 hrs per new employee and an increase in the amount of information retained by a new employee during onboarding.
Style Guide
I utilized the design system already in place within the organization. However, as an internal onboarding, I did make some changes where the experience could be improved with slight customization.
Wireframes and Prototype
I created high-fidelity wireframes for the prototype of the digital onboarding utilizing Figma and then coded the final experience using HTML, CSS, and JS for some of the interactive elements.
