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.

Mainder: Rediseñamos Mainder, una plataforma SaaS de reclutamiento con IA: 24 pantallas, 8 módulos nuevos, design system y un prototipo navegable en código listo para desarrollo.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

Ver también

Más proyectos

Empecemos juntos

Si estás construyendo algo ambicioso y necesitas un equipo que piense en producto, en marca y en negocio al mismo tiempo, estamos listos para acompañarte en el proceso.

© Pleya Studio, 2026 · pol@pleya-studio.com

Empecemos juntos

Si estás construyendo algo ambicioso y necesitas un equipo que piense en producto, en marca y en negocio al mismo tiempo, estamos listos para acompañarte en el proceso.

© Pleya Studio, 2026 · pol@pleya-studio.com

Empecemos juntos

Si estás construyendo algo ambicioso y necesitas un equipo que piense en producto, en marca y en negocio al mismo tiempo, estamos listos para acompañarte en el proceso.

© Pleya Studio, 2026 · pol@pleya-studio.com