HackerEarth Recruit
HackerEarth Recruit SaaS application allows technical recruiters to conduct online programming tests and remote interviews to hire tech talent in an effective manner.
My Work

As a product designer at HackerEarth, I lead design efforts for HackerEarth Recruit. Within a short time, I've worked on a lot of core features including user onboarding, recruit dashboard, test dashboard, questions library, user and company settings, get started guide, billing and pricing and global navigation.

My design process involves user research - interacting with recruiters and engineering managers to better understand the pain points and how the product is being used, designing UX flows for new and existing products, designing visuals and then working closely with the engineering team to make sure that the products are finally shipped as they were designed.

Recruit Dashboard

Recruit dashboard is the place where a technical recruiters can see their team's activity - live recruitment tests, live interviews, everything. It also serves as a place to access different products like tests, interviews and hackathons.

After interacting with some recruiters, we discovered that not all recruiters in a team were using all the products we had to offer but they were shown these products anyway which was getting in their way. For example - most of the recruiters aren't hackathon oraganisers. Also, as recruiters, they would like to keep a tab on all the live events as well as recently conducted events in the dashboard. This helped us compartmentalize the experience and people were shown only the products they chose to use.

To make the dashboard more flexible, we followed the approach of dragging and dropping a product icon in the active area if you want to use it, and in the inactive area, if you don't.

Global Navigation

Earlier, there was no global navigation in the app and hence you had to come to home screen over and over to go anywhere else. This was causing a lot of friction. To solve this, we designed a global navigation that would be there when you need it but still won't take up any space otherwise, as the app already is very vast. We went with a sliding menu, that would slide in whenever you need to use it.

As a result, it became really easy to navigate between different pages and having a global navigation considerably reduced the friction while using the app.

Recruit Settings

Moving from dashoard, I redesigned the recruit settings. These settings have been categorised as Personal and Company Settings. Here, team members can edit their personal details, change their password or can manage the team and payment settings if they are a superadmin.

What I Learned
A dashboard is more than just numbers and graphs

It is one thing to put data on a dashboard and it's completely different to provide insights to your users. Show them the data that means something to them and that will affect their future actions. Earlier, we had a number of graphs in our dashboard but most customers weren't able to understand them and the ones they did, didn't porvide them much value. So we got rid of rid of such graphs.

Not everyone uses your product the same way

It's very easy to assume and generalise that all your users use your product in a particular way but that's hardly the case. It's very important to talk to them and tap into how they actually use it.