Caso de estudio

HR Quotient: hacer comprensible el valor de una evaluación profesional

UX/UI y front end en React para una plataforma que ayuda a profesionales de Recursos Humanos a evaluar sus competencias y orientar su desarrollo: 26 dimensiones y 4 niveles que tenían que leerse como un solo recorrido. Qué voy a evaluar, cómo avanzo y qué aprendo del resultado.

HR Quotient es trabajo para un cliente: un sitio publicado cuyo diseño UX/UI y front end en React entregó Tomás Abalos para el equipo de la plataforma, antes de JAC Studio. La metodología de evaluación pertenece a HR Quotient, acá no se afirma ningún resultado comercial y el nombre y las marcas pertenecen a sus titulares: lo que sigue es el razonamiento y el trabajo.

Portada de HR Quotient en escritorio: la propuesta de la plataforma sobre fondo violeta y los tres tests como puntos de entrada
El trabajo · escritorio
Portada de HR Quotient en un teléfono: el título y los tres tests apilados en una columna
El trabajo · teléfono

El problema que esto resuelve

Una plataforma de evaluación tiene mucho para decir y muy poco tiempo para decirlo. HR Quotient mide 26 dimensiones en 4 niveles de experiencia profesional: una propuesta rigurosa por diseño y, justamente por eso, difícil de captar desde una landing.

El trabajo fue hacer comprensible ese valor antes de pedirle a alguien que empiece: qué evaluación me corresponde, por qué voy a pasar y qué voy a poder hacer con el resultado.

Investigar, ordenar y después el recorrido

El research y el diseño se centraron en las preguntas de la persona, no en la estructura de la plataforma. Saber por dónde empezar: presentar qué ofrece cada evaluación para que reconozca el recorrido que le interesa. Avanzar con contexto: organizar dimensiones y niveles en una secuencia que le dé sentido a la experiencia. Entender qué sigue: separar el nivel alcanzado, sus características y las recomendaciones que orientan el desarrollo profesional.

Esa lectura ordenó la propuesta, la evaluación y las recomendaciones en un solo recorrido en lugar de tres productos.

Del prototipo en Figma al front end en React

Tomás conectó el diseño de interfaces en Figma con su desarrollo front end en React, para que el recorrido entre la presentación de HRQ, sus evaluaciones y la lectura de resultados se mantuviera continuo: las mismas decisiones en el prototipo y en el navegador, respetando la metodología propia de la plataforma.

El sitio está publicado en español e inglés; por eso a los visitantes en inglés de este estudio se los envía a su versión en inglés sin aviso de idioma.

Qué demuestra el trabajo

HR Quotient muestra el lado de diseño del estudio tomando una propuesta densa y metodológica, dándole una jerarquía que la gente puede seguir y llevando esa jerarquía a código de producción.

Es la contracara de Arqvia y CoDesign: donde esos demuestran los sistemas por debajo, HRQ demuestra que la superficie puede explicar algo complicado sin aplanarlo.

¿Querés lo mismo para tu negocio?

Contanos qué tiene que hacer tu proyecto. Revisamos si el alcance encaja antes de proponer un próximo paso.