UX research and UX/UI design process

Talenty, the recruitment solution

Alongside six months we have developed an end-to-end project, and now we want to share it with you. This is our story. A story made by a streaming team since the beginning in the frame of the 1st UX/UI Bootcamp at Nuclio Digital School.

The product

Talenty proposes to solve the gap between business and applicants when it starts a new business relationship through an objective and qualitative analysis using AI. This way, Talenty reduces economical and time costs during recruitment processes offering their users a transparent, direct, and easy way to face during this critical process.

The problem

All that said, we decided to focus on the digital divide and how it could be inclusive with different kinds of profiles. On the one hand, we have applicants, employers, and students, and on the other hand recruiters, and training courses. How might we help them with their day-to-day?

The solution

The Team

David (Madrid), Ivette (Barcelona), Beatriz (Barcelona), and Diego (Sevilla) were one of the streaming teams of the UX/UI Design master.

We are very grateful to Nuclio Digital School too for their constant support during this intense process.

UX research

How do we reach the problem-solution?

Design-Thinking and Lean strategies working for the user.

Desk Research

Desk research
Desk research (detail): includes statistics, articles, and publications, confirming the problem of the digital divide and the necessity to solve it

The importance of data-driven

To contrast this information we interview more than 20 people related to training and education to get qualitative data. As a second step, we registered more than 300 surveys generating quantitative data.

Results of interviews and survey: two research methods that provided us with qualitative and quantitative data. These were decisive for further research into the problem

We wanted to get significant information to start generating our first insights and user personas. We realized that by placing one user in the point of view of the others, and the same with all kinds of users, we were more inclusive and we were closing the circle to being more inclusive, and accurate.

Data-driven decisions were key in our process. Stepping apart our own mental models at this point, we let users be in the center of our process.


There’s a gap between applicants and job offers and problems for the companies to acquire digital talent.

User personas

User Personas
User Personas: Martha (42), Daniel (37), and Lucía (17), guied us to find the solution through their needs and goals

UX Design

Value proposition canvas

We tried to define significant values through customer jobs, observing and analyzing their gains, and pains for those users.

Once defined, we thought about their gain creators and pain relievers to find the product or service we were looking for.

Value Proposition Canvas: allowed us define a product valued for users, and meets the requirements and expectations of the market.


We defined different features we wanted to include in Talenty but we had to deal with the famous featuritis (excess of features) so we had to reduce them until we got, strictly, our minimum viable product.

Once we had our MVP to develop Talenty, we concreted in a user story mapping which of them have to be on our next releases.

Customer journeys and user flows

Customer journey
Martha’s Customer Journey: we were able to analyze the user’s journey and focus on their frustrations. In order to create a more satisfying user experience

We realized that, for our applicants, the strong point was the test. And, for our recruiters or training courses, the strong point was the matching that we got with the applicant test results.

User flow hints
User flow: the improvements proposed for the customer journey were reflected in the user flow and the IA (information architecture)

First sketches: Structuring our AI and our first wireframes

Based on some tests between the team and personal insights, we learned from the sketching phase so we began to design our first wireframes. We made sure to prioritize the features that would best address the needs of the users throughout the app.

Lo-Fi Wireframes
Medium-fidelity wireframes: provide us a picture of what the final design looks like. So we can get better feedback from partners and developers

UI Design

Inspiration board

Inspiration board: looking for what identifies us with the values and personalities of the team



Color palette


Design System
The color palette, typography, logo, and icons: we tried to show, through these resources, formality with the friendliest and closest touch.

Icons and illustrations

Talenty illustrations complement the message and make the user’s journey more enjoyable

Likewise, we designed the Tests section as a graphic playground to answer all the questions in a challenging way.

Hi-fidelity wireframes

Hi-Fi Wireframes
High-fidelity wireframes

One of the most challenging parts of the process was to iterate the Information Architecture once we started to design. We had a lot of work to do not missing any information but eliminating all elements that are not helping our users and simplifying our flows in the fewest steps.


We learned the importance of the tests, and with a significant sample, we could study the behavior of our personas. We might reformulate some paths and actions that we considered valid before. Overall we had very good answers, users expect us to develop the application to be able to use it in their jobs as soon as possible.

Talenty’s prototype detail: allows us to have a real image of what the product looks like not being developed


We couldn’t have designed a service for our users without understanding their needs and mental models. UX research helped us to gather all that data to generate an insight to seduce and cover a real problem.

Emphase creating user personas was really powerful. Understanding their gains and pains helped us to create better experiences.

Users are always right. After analyzing our prototypes with real users we discovered some issues we had to iterate to provide a successful and enjoyable solution.

We hope you enjoyed this article as we’ve enjoyed sharing it.

The seed of a seed.

Thank you!




Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store