REMUNER
SaaS de compensación variable para comisiones e incentivos.
UX / UI / Identidad Visual
Mi rol en el proyecto
Diseño de la experiencia de usuario (UX) e interfaz visual (UI) del SaaS. Definición de la arquitectura de la información, el diseño de interacción, la jerarquía visual y la lógica de navegación, junto con la creación del sistema de diseño.
Remuner (remuner.com) surgió con la visión de establecerse como la plataforma de gestión de comisiones referencia del mercado.
La propuesta se sustentaba en dos pilares principales:
Flexibilidad funcional para dar respuesta a casuísticas complejas, reglas específicas y excepciones sin que la herramienta se volviera inoperable.
Experiencia de usuario accesible para cualquier rol, permitiendo que responsables comerciales, finanzas y fuerza de ventas trabajasen sobre la misma plataforma, incluyendo la creación de planes de compensación sin necesidad de escribir código.
El reto consistió en transformar esta complejidad de negocio en una experiencia clara y estructurada para los clientes de Remuner. Para ello, fue necesario tomar decisiones cuidadosas a nivel de UX y UI, priorizando el uso intensivo en el día a día sin perder control sobre los datos ni opacidad en los cálculos.
Diseño de la plataforma
A NIVEL UX
La idea fue diseñar una experiencia de usuario que permitiera gestionar todas las posibles casuísticas y funcionalidades de manera intuitiva, visual y sencilla, contrastando con la oferta existente en el mercado. Asimismo, se priorizó la máxima transversalidad en el diseño de la plataforma.
Algunas de las características principales serían:
· Diseñador de planes: es el núcleo donde se definen y ajustan los planes de compensación. La premisa era permitir configurar planes sofisticados sin requerir conocimientos técnicos; para ello, se optó por soluciones tales como por ejemplo la agrupación de reglas, tramos y condiciones en bloques conceptuales, para que el usuario entienda qué está configurando en cada momento (objetivos, periodos, criterios, excepciones…) asói como las ayudas contextuales y descripciones breves que explican el impacto de cada ajuste sobre el plan.
El resultado es un entorno donde los equipos pueden construir y revisar sus planes con mayor autonomía, manteniendo una buena comprensión de lo que ocurre “por debajo”.
creación de planes de compensación ajustados a cada necesidad de manera visual y sin código.
· Dashboards con visibiliad en tiempo real: Los dashboards proporcionan visibilidad en tiempo real del rendimiento y del estado de las comisiones para distintos perfiles.
Se definieron siguiendo tres criterios:
Lectura rápida de métricas clave, con indicadores destacados para entender la situación general de un vistazo.
Capacidad de profundizar cuando es necesario, con accesos directos a vistas más detalladas desde cada bloque de resumen.
Patrones de filtros y navegación consistentes en todas las vistas, lo que reduce la fricción cuando el usuario se mueve entre diferentes paneles.
Así, los dashboards no sólo muestran datos, sino que orientan la atención hacia posibles decisiones: revisar campañas, ajustar planes o analizar rendimientos.
· Gestor y manejo de planes: El gestor de planes estructura el ciclo de vida de los planes: creación, ajuste, comparación y uso recurrente.
En este área se priorizó:
Una vista organizada de los planes (activos, en prueba, históricos), facilitando ubicarlos y entender su contexto.
Funcionalidades de simulación y comparación que permiten evaluar el impacto de cambios antes de aplicarlos a producción.
Acciones recurrentes (duplicar, editar, archivar) situadas en puntos previsibles y con comportamientos homogéneos.
De esta manera, la plataforma ayuda a iterar sobre la estrategia de compensación sin perder trazabilidad ni generar confusión.
· Gestor de usuarios y análisis de los rendimientos: El apartado de usuarios y rendimientos conecta directamente los planes con su impacto real: comisiones generadas, pagos, reclamaciones, etc.
Desde el punto de vista de UX, se trabajó en:
Vistas que permiten entender rápidamente el estado de cada usuario o equipo, combinando indicadores de rendimiento, comisiones devengadas y pagos realizados.
Un flujo claro para la gestión de reclamaciones, que facilita localizar casos abiertos, ver su detalle y seguir su evolución hasta la resolución.
Posibilidades de filtrado por periodo, campaña, rol o equipo para reducir el ruido cuando el volumen de datos crece.
El objetivo es que los responsables puedan gestionar su red de forma proactiva, apoyándose en una lectura clara de lo que está ocurriendo.
A NIVEL UI
El diseño visual se concibió como la capa que debía hacer legible una gran cantidad de información sin saturar al usuario.
· Jerarquía visual y foco: Cada pantalla se estructuró principalmente por bloques principales que agrupan métricas clave y acciones prioritarias, con mayor peso visual, y capas de detalle accesibles a través de tablas, paneles laterales o vistas secundarias, que no compiten con los elementos principales.
La combinación de tamaño tipográfico, color y espaciado se utilizó para marcar claramente qué debe verse primero, evitando que todas las piezas tengan el mismo “peso” visual.
· Uso del espacio y legibilidad: Dado el carácter numérico y tabular de buena parte de la información, se cuidaron especialmente:
El espacio negativo entre bloques y componentes, para reducir la sensación de densidad excesiva.
La alineación consistente de elementos, facilitando la comparación visual entre filas, columnas o tarjetas.
La simplificación de elementos decorativos, priorizando indicadores y componentes que aportan funcionalidad.
Esto permite mantener pantallas densas en contenido, pero manejables en la práctica.
· Lenguaje visual consistente entre secciones: El sistema visual se construyó para que diseñador de planes, dashboards, gestores y demás áreas compartieran el mismo lenguaje:
Componentes reutilizables con comportamientos coherentes en toda la plataforma.
Estados (activo, inactivo, pendiente, error, etc.) representados de manera consistente, de forma que el usuario los reconozca aunque cambie de sección.
Iconografía y microinteracciones discretas, orientadas a clarificar acciones (editar, comparar, simular) sin añadir ruido.
La identidad de marca de Remuner se integra en este sistema de forma contenida, reforzando el reconocimiento sin desplazar el foco de la información y la operativa diaria.
RESULTADO FINAL
Así pues, por un lado, el diseño de UX proporciona una base transversal que ordena la creación de planes, la lectura de resultados y la gestión de usuarios, mientras que por el otro, el sistema de UI organiza la información en niveles de lectura claros, destacando aquello que requiere atención en cada contexto.
Con todo esto, el resultado es una herramienta preparada para soportar casuísticas complejas de compensación y crecer en número de planes, usuarios y datos, manteniendo la coherencia, la legibilidad y la sensación de control por parte de quienes la utilizan a diario.