Reinventing Employee Onboarding

01

INTRODUCTION

I revamped a $5 million onboarding portal during my internship. Leadership was highly impressed with my work and incorporated it into their future strategy.

Team

Me, Design Leadership, Engineering, Marketing

Tools

MUI Design system, Figma, Miro, Qualtrics

Duration

4 Months

Why did the Onboarding Portal need a makeover?

An onboarding portal is your first interaction with a company. As you begin your job, it guides you through logistical details and introduces you to the company. The iCIMS onboarding portal, despite generating revenue, hadn't been updated in 5 years—it was time to make it shine.

02

USER RESEARCH

Understanding Goals to decide Research Methodologies

Primary Persona

User and Business Goals

So, I aimed to make the portal a standout, cohesive, and revisitable experience that users enjoy, and the business benefits from.

Research Methodologies

5 User Interviews

Expectations and pain points of new hires.

8 Competitor Analysis

Workday, and Silk Road, etc. across 18 factors.

A/B Tests

Compare different preferences of new hires

The UI components needs FIXING

  • From a Business POV: iCIMS lacks 60% of the features present in other brands.
  • From a User POV: Design components do not meet basic accesibility standards.

The IA needs FIXING

  • From a Business POV: The current menu of items restricts and displaces the experiences.
  • From a User POV: There is a lack of opportunities to network and complete tasks efficiently, which was 80% of the user requirements.

The purpose needs FIXING

  • From a Business and User POV:  There needs to be a balance between efficiency and opportunities.

A/B Testing Photo

03

DESIGN SPECS

Updated Information Architecture

Updated Information Architecture

The new IA not only fills the gaps in the journey (user), and provides industry-standard points for revist and integration (business).

Updating the Layout and Page flow

04

CONCEPT TESTING

I collaborated with the Admin team, Engineering Team, and the Design team to have my mid fidelity reviewed. Below is a sample feedback.

Concept Testing Feedback

04

ITERATING THROUGH MID-FIDELITY

PROTOTYPE LINK

Getting the UI Right

It was time to focus on the design details. I had more than 4 versions that I iterated with the design and the design system teams to understand best practices and branding alignment.

Versions of the Forms Page

Defining the Design System Components

Local Design System Components

Annotations and Responsiveness

Design Documentation and Assets

INTRODUCING THE NEW ONBOARDING PORTAL

PROTOTYPE LINK

landing page screenshot

Home Page

  • An interactive and vibrant homepage with a fun countdown to the big day.
  • A list of pending tasks with due dates to keep you on track.
  • A preview of your journey in the organization, even before you start working.
  • Access to helpful resources and FAQs.
leadership description page screenshot

Task Page

  • Sectioned-out tasks with deadline management provide open navigation.
  • All personalized videos and the detailed onboarding process are conveniently accessible within the portal.
connect page screenshot

Social Page

A community space for interacting with other new hires and the team guiding you through onboarding.

06

FEEDBACK AND THOUGHTS

Joe Schick, Director of Design

Swathi's deliverables are at such a high level that they have entered the strategic plan for the next quarter.

My Thoughts

Building templates and design system components was both fun and insightful. By really listening to feedback, I made sure the designs could grow with the organization.

Collaboration made all the difference. Working closely with others not only sharpened my design skills but also helped me better align our work with what users truly needed.

a photo of me and my mentor

Also check out..