02 / DISEÑO WEB · FRONT END

HR
Quotient.

UX/UI y React para una plataforma de evaluación profesional.

Figma · React · Experiencia de usuario
Mi rol
Diseñador web y desarrollador front end
Diseño
Figma
Front end
React
Metodología de evaluación
HR Quotient
Captura real de la página de inicio de HR Quotient.
HR QUOTIENT / SITIO WEB PUBLICADO
01

Hacer comprensible
el valor de la evaluación.

HR Quotient ayuda a profesionales de Recursos Humanos a evaluar sus competencias y orientar su desarrollo. Participé en el diseño UX/UI y en el desarrollo front end con React para presentar esa propuesta y organizar el recorrido de la plataforma.

26 dimensiones

Una propuesta de evaluación que necesita una jerarquía clara.

4 niveles

Contexto para las distintas etapas de experiencia profesional.

Un recorrido

Qué voy a evaluar, cómo avanzo y qué puedo aprender del resultado.

02

Investigar, organizar
y diseñar el recorrido.

El trabajo de research y diseño se centra en las preguntas de quien usa la plataforma: qué puede evaluar, cómo avanza y cómo interpreta los resultados. Esa lectura ordena la propuesta, la evaluación y las recomendaciones.

Saber por dónde empezar.

Presentar qué ofrece cada evaluación para que la persona reconozca el recorrido que le interesa.

Avanzar con contexto.

Organizar las dimensiones y los niveles en una secuencia que dé sentido a la experiencia.

Entender qué sigue.

Separar el nivel alcanzado, sus características y las recomendaciones para orientar el desarrollo profesional.

03

La presentación de HRQ acerca su propuesta a las personas. Estas capturas reales muestran la identidad y los accesos que dan inicio al recorrido.

04

Del prototipo en Figma
al front end en React.

Mi participación conectó el diseño de interfaces en Figma con su desarrollo front end en React. El objetivo fue dar continuidad al recorrido entre la presentación de HRQ, sus evaluaciones y la lectura de resultados, respetando la metodología propia de la plataforma.

¿Tu servicio necesita
explicarse mejor?

Démosle a tu propuesta una estructura que ayude a entender su valor y a dar el siguiente paso.

Démosle forma a tu web