NEBVLA

HR management & payroll automation software.

Nebvla: HR Dashboard Design

There are a lot of new companies popping up trying to capture market share, Nebvla wanted to stand out with the launch of their platform.

Role

Digital product designer & Art director


Deliverables

Product strategy
UX strategy
UI Design


Team

Krieger


Year

2019

Discovery

The initial idea for this platform was to solve RH challenges. We started to think from HR perspective of the process they needed to go through to hire a new employee and keep their history easily managed and in just one place.

I was asked to take on a creative role for this project. I was responsible to release all of the design efforts which included building a meaningful brand, designing the user interface & experience.

Workflow

workflow

Problem

1. After watching the participants using their actual tool I found a lot of problems on the user journey for each task that they need to accomplish. The actual tool is pretty slow, boring and difficult to find sections or to make a useful search. And at the same time, it was difficult to administrate the different organizations that need to exist for the admin of the company.

2. The second problem was to create different payrolls for each organization, company or team so I need to find a way that becomes easy to create and admin companies that it was capable to grown together with the companies through modules that adapt according to their needs.

3. The last problem was that sometimes the payroll employees need to travel a lot to the different companies that they got in their control, so sometimes it was a little difficult to keep a good communication with employees or the Human Resources area, because the actual system doesn’t get a portable app, that’s why we need to adapt our software with the most important sections to a mobile app and let us find HR and Payroll be in control of their principal task from everywhere at anytime.

Research

The method that we used have a Design Thinking session where in 3 days we try to identify all the profile of the different people involved in the use of the software, understand better their pain points and the needs of our different user.

I notice that the problem happen when in the different areas need to administrate their personal, most of the time it was due to lack of communication during the processes.

Analysis

User personas

I define at last 4 principal user personas envolved in the work cycle of the employees, that wen from recruiting an employee to terminate this employee for different reasons. Here I present one of these profiles.

Nebvla: HR Dashboard Design

Branding

1. Logo

The brand needed to represent the name of the company and at the same time show that is a Mexican product without falling in clichés. Midnight blue as primary colour mixed with greens, magentas and cyans become the colour palette. Besides, we use a mix of geometrical structures with nebulae inside for the logo.

Also was important to find the perfect typography choices that would complement de colour choices. I settled for Quicksand and Roboto after testing various typeface options. The contrast of these fonts aligned with the professional approach of the dashboard.

Nebvla: HR Dashboard Design
Nebvla: HR Dashboard Design

2. Brand guidelines

We create different guidelines for print material and digital materials with the same palette colour to make a very formal and modern brand.

Nebvla: HR Dashboard Design
Nebvla: HR Dashboard Design

3. Landing Page

Taking the brand guidelines in mind, and already defining what are going to be the principal characteristics of the product that client want to highlight, we work on create the structure, wireframe and final screens for the landing page.

Nebvla: HR Dashboard Design

Creation

User flows

I create different flowcharts grouped in the actions for each section and for the different permissions that exist in the platform to show the complete journey that user is going to follow to complete each task that the tool is going to help them.

Nebvla: HR Dashboard Design

Nebvla for business

Based on the workflows and different kind of sketches that I created in the process, I started in work in the wireframes to create a prototype and test with our principal users to start to identify some problems in the flows and star to make corrections.

I create at least two different solutions to observe what was better and easier for the user.

With constant communication & feedback of the users, I created the entire high fidelity design for the web app and mobile app. After that, I create a design system that helps the developers build the final version of the tool and that let us keep growing the tool in the future.

Nebvla: HR Dashboard Design

Final thoughts

This was my first project as a Product Design and the one where I learn a lot of things and let me grow a lot as a designer.

I understand the importance of testing in each stage of the design process to keep resolving the problems that the user can find on the flows. At the same time is pretty important to motivate the user to participate in de Design Thinking to resolve all their concerns and pain point that they have, and got a correct balance between the things that the company want and what is that users need.

The importance of define the style guides for the components and got the technology that the final tool is going to use and listen to the suggestions of the developers in mind all the time.

The things that I have been done differently was to test for the beginning with our real users and document always the entire process. At the same time, I would have done better research methods that let us save time and effort in design.