Evaluaciones 360 en 6 meses, y un reporte con el que se puede conversar
> EN BREVE_
Rehice desde cero la plataforma de evaluaciones 360 de cdg+, que en su primer intento tardó más de un año y quedó incompleta. Lideré el diseño y el frontend, y la plataforma salió en 6 meses. En el camino reemplacé un PDF por un reporte web con asistente de IA y creé la guía de estilos que hoy usan otros proyectos de la empresa.
Ficha del proyecto
- Mi rol
- UX/UI + Frontend
- Empresa
- cdg+
- Estado
- ● En línea
- Figma
- Vue
- JavaScript
El problema
- El panel del administrador tenía un menú largo, con opciones que hacían lo mismo y pasos revueltos: para un cambio mínimo había que ir y volver entre secciones.
- Tablas con demasiadas columnas y scroll horizontal, acciones todas a la vista, tres botones distintos para el mismo mensaje y errores de importación que no explicaban qué hacer. Además, el lado del evaluador solo funcionaba en computadora.
- Los resultados llegaban en un PDF impreso que la empresa entregaba después de un largo tiempo de espera. No había guía de estilos y los colores no eran los institucionales.
Qué hice
- Diseñé para tres perfiles: el evaluador, RH y el administrador de cdg+. Ordené el menú en pasos claros y recorté el alcance a un MVP reutilizando las vistas que ya había diseñado.
- Cambié el PDF impreso por un reporte web que se abre desde cualquier dispositivo, con las competencias a la vista, preguntas de reflexión y un asistente de IA para resolver dudas.
- Creé la paleta institucional y las reglas de estilo que hoy se usan en otros proyectos de la empresa.
Decisiones de diseño
- De tabla a tarjetas en el panel de proyecto: la tabla obligaba a hacer scroll horizontal. Las tarjetas muestran solo lo relevante y agrupan las acciones en un botón de más opciones.
- De tarjetas a tabla al elegir a quién evaluar: con tarjetas cabían de 4 a 6 personas y con la tabla caben 10. Agregué posición y rol, y limité la selección a 5 a la vez.
Lo que mejoró
- 6 meses para rehacer la plataforma; el primer intento tomó más de 1 año
- Usado hasta ahora con 51 evaluadores y diseñado para soportar muchos más
- El reporte llega por correo al completar el test; antes tardaba días porque había que imprimirlo
- Pensado para crecer: de un solo administrador de cdg+ a un login y panel para el RH de cada empresa
Lo que aprendí
Una interfaz bonita que no funciona no se usa. Al elegir a quién evaluar, las tarjetas se veían bien pero solo cabían de 4 a 6 personas; con una tabla caben 10 y se ve la posición y el rol. Cambié el formato según lo que la persona necesitaba hacer, no según lo que lucía mejor.
"Don't make me think" como regla del menú. Ordené el panel del administrador en pasos claros para que nadie tuviera que adivinar por dónde seguir ni ir y volver entre secciones para un cambio mínimo.
Liderar es decidir con otros qué no hacer. Lideré el diseño y el frontend, pero las decisiones no las tomaba solo: las acordaba con mi compañero de backend y en reuniones frecuentes con el cliente, lo que aceleró el proceso. Heredé un proyecto incompleto y lo reconstruí con alcance de MVP y con herramientas que el equipo ya dominaba. Dejamos fuera lo que no era esencial para llegar en 6 meses, y la guía de estilos que creé en el camino hoy la usan otros proyectos de la empresa.
