Mainder
UX/UI
Design system
Prototipo en código
Mainder es una plataforma SaaS de reclutamiento con IA. Rediseñamos el producto entero: 24 pantallas, 8 módulos nuevos y un design system propio, entregados como un prototipo navegable en código listo para que su equipo lo construya.

Servicio
Rediseño UX/UI y design system
Entregable
Prototipo en código
Alcance
24 pantallas y 8 módulos

Home: qué atender hoy, de un vistazo
La home pasó de ser un listado de accesos a un resumen del día: entrevistas de hoy, candidatos nuevos por posición y mensajes pendientes. Quien entra sabe en segundos qué tiene que hacer primero.

Posiciones, antes y después
La tabla de posiciones tenía demasiadas columnas al mismo nivel. La reordenamos por lo que el equipo consulta de verdad: estado, candidatos en cada fase y responsable, con filtros siempre a mano.

Todas las posiciones, más claras
Cada fila muestra cuántos candidatos hay en cada fase y quién lleva la posición. El estado se lee por color y forma, no solo por texto, para que la tabla se entienda incluso con decenas de posiciones abiertas.

Proceso de selección: cada candidato en su fase
Un tablero por fases con la puntuación de la IA visible en cada tarjeta. Mover a un candidato, compararlo o descartarlo se hace desde la misma vista, sin abrir pantallas nuevas.

Proceso de selección, antes y después
Antes, la información del candidato y la del proceso competían en la misma pantalla. Ahora el proceso manda y el detalle aparece solo cuando se necesita.

Ficha de candidato, sin salir de la lista
La ficha se abre en un panel lateral: experiencia, puntuación, notas del equipo y conversaciones en un solo sitio. Se revisa un candidato tras otro sin perder el contexto de la lista.

Ficha de candidato, antes y después
Pasamos de una página larga con bloques del mismo peso a una ficha escaneable, con lo importante arriba y el resto agrupado por temas.

AI Hunt: búsquedas con IA, revisables de un vistazo
La IA propone candidatos para cada búsqueda y el diseño hace que revisarlos sea rápido: encaje con el perfil, motivo de la recomendación y acciones para guardar o descartar en cada fila.

AI Hunt, antes y después
Las búsquedas ya funcionaban, pero costaba entender por qué aparecía cada perfil. Hicimos visible el razonamiento de la IA para que el reclutador confíe en el resultado.

People Finder: describe el perfil y la IA extrae los criterios
En lugar de un formulario con decenas de filtros, un campo en lenguaje natural. La IA convierte la descripción en criterios editables que el usuario puede ajustar antes de buscar.

People Finder, antes y después
Una sola pregunta, "¿a quién buscas hoy?", sustituye a la pantalla de filtros. Menos pasos para la búsqueda más habitual y el control completo sigue a un clic.

Mensajería, antes y después: LinkedIn, email y WhatsApp en una bandeja
Todos los canales en una bandeja única con el historial de cada candidato. El reclutador responde desde Mainder sin saltar entre herramientas.

Conversaciones con contexto
Cada conversación muestra a qué posición pertenece el candidato y en qué fase está, para responder con la información correcta desde el primer mensaje.

Calendario, antes y después
La agenda del equipo, más limpia: entrevistas por color según la posición, huecos libres fáciles de ver y la vista semanal como punto de partida.

Analítica: gráficos que se leen a la primera
Embudo de candidatos, fuentes de contratación y tiempos por fase en un panel que se entiende sin formación. Cada gráfico responde a una pregunta concreta del equipo.

Analítica, antes y después
Pasamos de gráficos densos y sin jerarquía a pocos indicadores bien elegidos, con el detalle disponible al pasar el ratón.

Cómo trabajamos: diseño directamente en código
Auditoría de cada pantalla, design system adaptado a la marca, prototipo navegable en código desde el primer día, decisiones en sesiones en vivo con el equipo de Mainder y un handoff listo para desarrollar.

