B2B Supply Chain Finance App

Transformed complex B2B data into human experiences, aligning user needs with business impact.

Role

Calculum

Company

UX/UI Designer
Dashboards screens
Dashboards screens

Overview

Calculum provides a web platform that help companies to stay competitive in an increasingly complex financial landscape.

My role was ensuring intuitive, and scalable design framework.

Animated dashboard mockup
Animated dashboard mockup

Procurement teams need to make fast decisions, but complex financial platforms slow them down. When data is scattered across dense tables and workflows are clunky, professionals can't quickly spot the insights they need. This means missing opportunities to negotiate better terms and optimize what should be strategic wins.

The Problem

Two laptop screen of financial dashboards that unite progress; in a light gray background.
Two laptop screen of financial dashboards that unite progress; in a light gray background.

Journey Map: Optimizing Terms

Prioritize Critical Insights

Challenge 01: Dashboard Redesign

Mid-fidelty Mockup for content strategy
Mid-fidelty Mockup for content strategy
Content Architecture

Map out context to see the full picture. Bring the whole data story together instead of piecing it from scattered fragments.

Global overview of home interface to unite platform screens; in a light gray background.
Global overview of home interface to unite platform screens; in a light gray background.
Interface redesign - Effective use of layout, space, color and contrast, in a blue background..
Interface redesign - Effective use of layout, space, color and contrast, in a blue background..

A strong hierarchy and thoughtful layout enable instant, at-a-glance insights by minimizing visual clutter and leveraging color and contrast, resulting in improved chart readability for data-heavy dashboards.

UX research conducted, showing a heat-map and gaze-point.t
UX research conducted, showing a heat-map and gaze-point.t

Takeaway: Heatmaps and gaze point of the new simplified layout to support effective scanning.

Optimize Insights and Layout Hierarchy

Challenge 02: Analyzing Opportunities

A laptop computer screen displaying a dashboard with charts  in a blue background.
A laptop computer screen displaying a dashboard with charts  in a blue background.

Clear visual hierarchy now guides users through their workflow, while accessible charts support decision-making without overwhelming the interface.

Desktop computer of supplier list interface in a purple background.
Desktop computer of supplier list interface in a purple background.

Implement Track & Adjustments

Challenge 04

Laptop screen of supplier insights dashboard in a purple background.
Laptop screen of supplier insights dashboard in a purple background.

Showing only what users need at each step. Clear visual hierarchy guides users naturally through their workflow, while secondary actions stay hidden until relevant. This reduces cognitive load and helps users focus on making decisions, not managing interface complexity

Ease Access To Past Adjustments

Takeaway

Through research-driven design improvements, procurement teams can now find critical insights 40% faster and complete key tasks with fewer clicks. The streamlined interface reduced user errors by 60% while increasing daily platform engagement. Most importantly, professionals report feeling confident navigating complex financial data - turning what used to be a frustrating experience into a strategic advantage.