Productivity Bonus
Management System

Over 80% time saved by transforming a manual incentive process into an automated system.

The Problem

Calculating productivity bonuses for ConcreMax* employees was highly manual, relying on multiple Excel spreadsheets and complex rules for different departments. This process was time-consuming (over 5 days per month), error-prone, and insecure due to spreadsheet failures and scattered information.

The Solution

A web system was designed to automate productivity bonus calculations, reducing the process time from over 5 days to just a few hours. The system allows users to configure rules and exceptions for each department and integrates with external systems for data import.

The Design Process: The Triple Diamond

The Design Process: The Triple Diamond

1

1

Problem Definition

We began by identifying the main challenges, limitations, and objectives through Problem Definition.
Main activities:

  • CSD Matrix (Certainties, Suppositions, Doubts)

  • Stakeholder Mapping

2

2

User Observation

We observed the user performing calculations for a week. Key findings included:

  • Managing multiple spreadsheets caused frustration and errors.

  • Frequent interruptions with branch managers increased workload.

  • The need for a more robust and centralized system was evident.

3

3

Insight Generation

From our observations, we grouped insights and created an empathy map to understand user needs. Key insights were:

  • Need for system stability to handle large volumes of data.

  • Flexibility for branch managers to adjust their bonus rules.

  • Reduction in reliance on emails and calls for bonus alignment.

4

4

User Journey

5

Designing the Solution

Based on the TO BE Journey, we designed and iterated ideas prioritizing:

  • Visualizing statistical data for greater transparency

  • Efficiently approving exceptions and adjustments

  • Managing rules and parameters with flexibility

6

High-Fidelity Prototype

We created high-fidelity wireframes and prototypes and iteratively validated them with the user, ensuring usability and alignment with business needs.

We considered the Bonus Management System as an extension of SIAC, a web platform used by other ConcreMax collaborators in various departments. To ensure consistency, we followed the components and guidelines of its design system.

7

Organizing the Design System

I took the initiative to organize and update the design system together with a design intern to resolve inconsistencies between squads.

The outdated system generated variations in components, such as modals and sliding panels, without clear usage guidelines. We began standardizing and cataloging the components to:

  • Ensure consistency between modules

  • Save time for designers and developers by facilitating component reuse

This effort optimized collaboration and established the foundation for a unified design system, enhancing both the design process and user experience.

High-Fidelity Prototype Results

The new Productivity Bonus Management System brought significant improvements in productivity and user satisfaction:

  • Calculation time was reduced from 5 days to approximately 4 hours per month, as tracked through accesses on identified days using the Clarity tool.

  • Centralized rules and exceptions for easy access and management

  • Added log records for greater transparency and security

A Modern Interface Design Approach
was Essential

The design system used an older version of the Semantic UI framework, prioritizing delivery speed over visual refinement. Although functional, it lacked the modern appeal expected in contemporary interfaces.

To demonstrate my current UI expertise, I developed a modern prototype aligned with today's design and usability standards.

The new design features sleek visuals with modern typography and a refined color palette, components optimized for responsiveness and accessibility, and an improved visual hierarchy to enhance usability, with all design system components updated.

This modernized interface reflects my dedication to enhancing aesthetics and usability, ensuring a better experience for both users and developers.

* ConcreMax is a fictitious name used to preserve the company's identity.

* ConcreMax is a fictitious name used to preserve the company's identity.