Profile page redesign

HeyJobs • 2022 • UI/UX design

Overview

HeyJobs is a job search platform based in Berlin, specialising in jobs for essential workers. This case study is about why, and how we redesigned the profile page. Mobile-only case study.

Process

To ensure that every feature we release has a user need and is validated, we followed a process that looked more or less like this:

Design process

Research + Prioritise

What problems did we discover?

We decided to prioritise the pain points we found through our research*, in the context of the profile redesign project:

* User interviews, usability tests, Tableau data, Hotjar recordings

Poor job matches

Irrelevant job recommendations on email & WhatsApp

Low profile visits

Users don't see the value in filling up their profile, and rarely visit their profile, let alone fill it

Broad searcher's problem

A need to receive job recommendations for many job types, and in multiple locations for the same user

Privacy concerns

"Will my salary data be shared publicly?"

User pain point caricature

The long term strategy was that the profile redesign would lay the foundation for many other projects such as CV-parser, reverse-recruiting (where recruiters approach job seekers), cover letter templates, etc.

Ideate

Brainstorm solution ideas

The solution ideas for this project were pretty straightforward, and we did not need an extensive workshop with many participants, but rather a small asynchronous discussion between the different stakeholders. It was important to prioritise and implement ideas with high impact and less effort. Here are some of the ideas we considered, and some of the rejected ones.

Solution ideas

Design + testing

Designing mock-ups, validate them with users

Multiple rounds of usability tests were conducted to validate different ideas. Here are the key highlights:

usability test summary
Usability test caricature 1
usability test caricature 2

Dev sync + release

Final designs and staged releases

The design went through many rounds of iterations and feedback rounds, before it was finalised. It was released in stages, after consulting the developers:

1. MVP

The profile MVP (Minimum Viable Product) with the new information architecture to accommodate more data.

2. Hook to profile

A banner (on the homepage, and the 'Applications' page) and a red notification dot on the menu to lead the user to the profile.

3. The nudge

Red notification dot on items in the profile that need to be filled- a simple, yet effective way to nudge users to complete their profile.

Final designs

final designs of the profile page

How did it perform?

200%

increase in number of unique profile visits, indicating success of the 'Hook to Profile' feature

222%

increase in total number of active users with qualified profile data

40%

conversion rate of the snackbar, significantly increasing the number of users who completed their profiles within the same session

What did we learn?

The biggest lesson was to release a project as an MVP and plan further improvements as next steps, which resulted in quick releases, improved the team morale, and we could improvise on the go by tracking our business metrics.

Simple, straightforward solutions worked better than complicated ones, and we realised how important data privacy is for the users.

After subsequent usability tests on the live product, it was clear that our profile setup is not the best suited for very broad searchers, who want to look for many different types of jobs, and have difficulty filling the “Job type” field.

Have a project in mind?

Feel free to reach out at mnhariprasad@gmail.com to discuss your project! I’d love to help design a new website, elevate an existing one, or collaborate on any digital product ideas you have. I also specialize in creating logos, brochures, album art, and a wide range of graphic design and illustration work. You can stalk me on LinkedIn, Behance, or Instagram.