REMUNER

Variable compensation SaaS for commissions and incentives.

 

UX / UI / Visual Identity

 
 
 

My role in the project

Design of the user experience (UX) and visual interface (UI) of the SaaS. Definition of the information architecture, interaction design, visual hierarchy, and navigation logic, along with the creation of the design system.

Remuner (remuner.com) emerged with the vision of becoming the reference commissions management platform in the market. The proposal was built on two main pillars:

Functional flexibility to handle complex scenarios, specific rules and exceptions without making the tool unmanageable.

A user experience accessible to any role, enabling commercial managers, finance and sales teams to work on the same platform, including the creation of compensation plans without the need to write code.

The challenge lay in transforming this business complexity into a clear and structured experience for Remuner’s clients. This required careful decision-making at UX and UI level, prioritising intensive day-to-day use without losing control over the data or introducing opacity into the calculations.

Platform design

AT UX LEVEL

The idea was to design a user experience that would allow all possible scenarios and functionalities to be managed in an intuitive, visual and straightforward way, clearly differentiating the platform from existing solutions in the market. At the same time, maximum transversality was prioritised in the overall platform design.

Some of the main characteristics include:

· Plan designer: this is the core where compensation plans are defined and adjusted. The premise was to allow sophisticated plans to be configured without requiring technical knowledge. To achieve this, solutions such as grouping rules, tiers and conditions into conceptual blocks were introduced, so that users always understand what they are configuring at any given moment (targets, periods, criteria, exceptions, etc.), as well as contextual help and short descriptions that explain the impact of each adjustment on the plan.
The result is an environment where teams can build and review their plans with greater autonomy, while maintaining a solid understanding of what is happening “under the hood”.

· Dashboards with real-time visibility: the dashboards provide real-time visibility of performance and commission status for different user profiles.
They were defined according to three main criteria:

  • Fast reading of key metrics, with highlighted indicators to understand the overall situation at a glance.

  • The ability to drill down when needed, with direct access to more detailed views from each summary block.

  • Consistent filtering and navigation patterns across all views, reducing friction when users move between different panels.

In this way, the dashboards not only display data, but also help direct attention towards potential decisions: reviewing campaigns, adjusting plans or analysing performance.

· Plan management and lifecycle: the plan manager structures the entire lifecycle of plans – creation, adjustment, comparison and recurring use.
In this area, the focus was on:

  • An organised view of plans (active, in test, historical), making it easier to locate them and understand their context.

  • Simulation and comparison capabilities that allow users to assess the impact of changes before applying them to production.

  • Recurrent actions (duplicate, edit, archive) placed in predictable locations with consistent behaviours.

In this way, the platform helps iterate on the compensation strategy without losing traceability or generating confusion.

· User management and performance analysis: the users and performance section directly connects plans with their real impact: generated commissions, payments, claims, etc. From a UX perspective, the work focused on:

  • Views that allow users to quickly understand the status of each individual or team, combining performance indicators, accrued commissions and payments made.

  • A clear flow for claims management, making it easy to locate open cases, see their details and follow their progress through to resolution.

  • Filtering options by period, campaign, role or team to reduce noise as data volume grows.

The objective is to enable managers to run their networks proactively, supported by a clear reading of what is happening.

AT UI LEVEL

The visual design was conceived as the layer that had to make large volumes of information legible without overwhelming the user.

· Visual hierarchy and focus: each screen was structured primarily around main blocks grouping key metrics and priority actions, with greater visual weight, and secondary layers of detail accessible through tables, side panels or secondary views that do not compete with the main elements.
The combination of type size, colour and spacing was used to clearly indicate what should be seen first, avoiding a situation where every element has the same visual “weight”.

· Use of space and readability: given the numerical and tabular nature of much of the information, particular attention was paid to:
Negative space between blocks and components, to reduce the feeling of excessive density

  • Consistent alignment of elements, making it easier to compare rows, columns or cards visually

  • Simplification of decorative elements, prioritising indicators and components that provide functionality

  • Negative space between blocks and components, to reduce the feeling of excessive density.

This makes it possible to maintain content-dense screens that remain manageable in practice.

· Consistent visual language across sections: the visual system was built so that the plan designer, dashboards, managers and other areas all share the same language:

  • Reusable components with consistent behaviours across the platform.

  • States (active, inactive, pending, error, etc.) represented consistently, so that users recognise them even when they change section

  • Discreet iconography and micro-interactions, aimed at clarifying actions (edit, compare, simulate) without adding noise.

Remuner’s brand identity is integrated into this system in a contained way, reinforcing recognition without shifting the focus away from information and day-to-day operations.


FINAL RESULT

On the one hand, the UX design provides a transversal foundation that structures plan creation, results reading and user management. On the other, the UI system organises information into clear levels of reading, highlighting what requires attention in each context.

Taken together, the result is a tool prepared to support complex compensation scenarios and to grow in number of plans, users and data, while maintaining coherence, readability and a strong sense of control for the people who use it every day.