Back

Harpio

Harpio

Pesquisa

Product Discovery

UX / UI Design

Ícone de cronômetro

Presentation

Harpio is an HR startup that transforms hiring processes, with a network of hunters. Its goal is to bring accuracy to hiring and accelerate processes by up to 10 days.

Ícone de cronômetro

Presentation

Harpio is an HR startup that transforms hiring processes, with a network of hunters. Its goal is to bring accuracy to hiring and accelerate processes by up to 10 days.

Chat bubble icon

Problem

Recruiters were managing the processes in an analog way (PDF and spreadsheets), and clients did not have visibility into the progress of the selection process.

Chat bubble icon

Problem

Recruiters were managing the processes in an analog way (PDF and spreadsheets), and clients did not have visibility into the progress of the selection process.

Magnifying glass icon

Deliverables

Discovery Research Persona | Empathy Map User Flow Prototype Usability Test

Magnifying glass icon

Deliverables

Discovery Research Persona | Empathy Map User Flow Prototype Usability Test

1. First steps: Research

For the execution of this task, the team was composed of three designers, including myself, as well as a PO and the development team.

In the initial phase of this project, I conducted research, workshops, user interviews, daily communication with stakeholders, and prototyping.

As it was a new product, almost everything was developed from scratch. We started by gathering information from stakeholders about their business objectives while analyzing current customers and their representatives.

Interviews

In total, we interviewed five people whose pain points were, in some cases, shared. After the interviews, we organized the notes and transformed the insights into personas tailored to Harpio's purpose. These personas served as the basis for the next steps in product development.

Interviews

In total, we interviewed five people, whose pain points were shared in some cases. After the interviews, we organized the notes and transformed the insights into personas tailored to Harpio's purpose. These personas served as the foundation for the next steps in the product development.

Problem Definition

Let's use the problem definition framework to understand the pain points of managers and contracting areas, guiding the development of the recruitment and selection product.

Proto-persona and Empathy Map

This analysis highlighted the importance of creating a product that simplifies and optimizes the recruitment process for managers like "João." He seeks agility, transparency, and efficiency, while trying to maintain a balance between the demands of the team and the limitations of HR. The persona also reinforces the need for tools that provide greater control and visibility to the manager during the process.

Product view (Golden circle)

The Golden Circle highlighted that the purpose of the product is to transform the lives of candidates and managers, making recruitment more efficient and humanized. To achieve this, the focus is on simplifying processes, reducing bureaucracies, and providing an integrated platform that automates manual steps, offers agility, and delivers data-driven insights.

Benchmark

We defined the construction priorities based on a detailed benchmark, mapping essential flows and screens. The process was iterative, with constant revisions and adjustments based on discussions with stakeholders.

User journey

The mapping of the candidate journey also allowed us to clearly identify the friction points in the recruitment process, enabling actions to optimize the experience and reduce potential frustrations.

2. User flows

Due to being a relatively new product in Brazil, we had to broaden our perspective when conducting benchmarking. We researched different segments and other countries to give us a broader view on how to display complex data and information.
Finally, we created our first user flows, considering the steps shown below:

3. UI KIT Construction

We use AntDesign as our main Design System, but we created a UI Kit with our variables. My main task was to create the documentation and assist in the development of the elements, as briefly illustrated below.

Prototyping

Based on the collected data, we proceeded to the studies of low-fidelity and high-fidelity wireframes.

Mobile Version

We prioritize prototyping in the Mobile-First model because, according to the data collected in our Analytics, 70% of our audience prefers to access through this device.

Desktop Version

In the example above, I present only two main screens: the Home and the Shortlist of candidates.

Usability test

Considering the users' responses and the test results, we found opportunities for improvements and points of attention for the upcoming tests. The overall result was positive, but some improvements are necessary. An important discovery was the users' preference for a single-page format, instead of the presentation in separate categories as initially proposed. Additionally, some information was considered confusing or irrelevant, and the users did not find other points they deemed more relevant for decision-making.

Post-release tests

After the MVP launch, we conducted various surveys with active users, analyzed heat maps using Hotjar, and evaluated data obtained through tagging and analytics. Additionally, we conducted interviews with internal and external users. These initiatives confirmed the need to adjust some routes that we had already identified earlier. However, due to the initial nature of the MVP, we did not have enough time to conduct more in-depth testing before the launch.

Hotjar also showed that people were clicking a lot on some parts of the screen that were within the "read more" links, which gave us a better idea of the visual architecture of the page.

Redesign platform

In this redesign process of the platform, we implemented new data that was highlighted by our clients and Hunters, in addition to bringing more visual elements, improving navigation, and providing a new consistency for the brand.

  1. Considerations and learnings

The launch of the MVP was initially scheduled for December 2023. However, we faced challenges due to a lack of resources in the Design team, which required changes in the project dynamics. In this scenario, my involvement in prototyping became more significant, as until then, my focus had been on the Research area and supporting the team with small features.

Additionally, we had to revise the first version of the MVP since we initially did not have enough data about customers and users. This limitation compromised some development decisions, making it necessary to make adjustments to align the product with the real needs of the target audience.

Another problematic point of the project was that, as a design team, we couldn't fully convince the business area and recruiters that less text and content would be better for visualizing candidates' profiles, but we managed to bring some visual solutions to improve the UI in this aspect.

I really enjoy this work because I believe I have gone through so many stages of the product from start to finish, from proving the value of design to the team, bringing insights, and embracing ideas brought by other team members. Looking at it now, it makes me realize how arduous it was to build from the ground up, but how happy I was to see the results being harvested as time passed. At this moment, we await more data to know the feedback from clients in real life, in addition to the samples, but the future looks very promising.



The MVP launch was initially scheduled for December 2023. However, we faced challenges due to a lack of resources in the Design team, which required changes in the project’s dynamics. In this scenario, my participation in the prototyping became more significant, as until then, my focus had been directed towards the Research area and supporting the team with small features.

Additionally, we had to revise the first version of the MVP, as we initially did not have sufficient data on customers and users. This limitation compromised some development decisions, making it necessary to make adjustments to align the product with the real needs of the target audience.

Another problematic point of the project was that, as a design team, we could not fully convince the business area and the recruiters that less text and content would be better for visualizing candidates' profiles, but we managed to bring some visual solutions to improve the UI in this aspect.

I really like this work because I believe I have gone through so many stages of the product from start to finish, proving the value of design to the team, bringing insights, and embracing ideas that were brought by other team members. Looking at it now makes me realize how arduous it was to build from the ground up, but how happy it was to see the results being gathered as time went by. At this moment, we are waiting for more data to understand customer feedback in real life, beyond the samples, but the future looks very promising.

Back

Mettalic shape background image

Contact

Let's talk?

Talk to me

Or send an email: denisebraguin@gmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.