Visual design / Enterprise UX / CTX suite alignment
Redesigning a dense agency-led analytics concept into a cleaner CTX product experience aligned to Scoping Pro.
Role
Redesign lead and consulting-group design partner
Timeline
2 weeks
Product
Cost Compass, CTX suite
Reference system
Scoping Pro scenario modeling
The story, compressed.
Problem
The agency direction was not landing with users or stakeholders.
The screen felt dense, heavily branded, and disconnected from the cleaner CTX suite direction.
My move
I redesigned the page around Scoping Pro's cleaner CTX language.
I partnered with the consulting designer while using the existing Scenario Modeling product as the visual reference point.
Tradeoff
Improved hierarchy and suite alignment without reopening the full product model.
The work focused on visual direction, navigation clarity, and density reduction inside a two-week window.
Outcome
Improved visual direction and a stronger pattern for future pages.
Cost Compass moved closer to a product-led CTX experience instead of feeling like a separate agency concept.
From a dense agency concept to a cleaner CTX-aligned analytics workspace.
Dense hierarchy
Cleaner workspace
Strong functional coverage, but too much friction in the visual system.
Why it mattered: users could not easily tell which navigation controlled the full page versus one section.
Why it mattered: the page needed to guide users toward the benchmarking insight, not ask them to prioritize the interface themselves.
Why it mattered: a dense analytics tool needs deliberate spacing so users can scan, compare, and act with confidence.
Why it mattered: stakeholders wanted Cost Compass to align to Scoping Pro and the cleaner UI direction emerging across CTX.
I used Scoping Pro as the north star for a quieter, more product-led CTX interface.
Principle 01
Make the active module and page state obvious.
Principle 02
Reduce visual noise so users can focus on benchmarking data.
Principle 03
Align Cost Compass to the cleaner UI language emerging across CTX.
The redesign focused on hierarchy, restraint, and suite consistency.
Removed the heavy branded frame and made Move - Transport feel like a true product module.
Reordered the screen from module context to setup to insight, creating a calmer reading path.
Reduced competing button and tab styles so filters felt like one connected system.
Used lighter borders, spacing, and restrained color so the matrix and map could carry the page.
The redesign had to improve trust without reopening the product model.
I kept the benchmarking flow intact so the team could improve visual direction within the two-week window.
Scoping Pro became the reference point, which helped Cost Compass feel like part of CTX instead of a one-off tool.
The page stayed analytically dense, but the visual system made scanning and comparison easier.
Impact
The redesign improved the visual direction of Cost Compass and aligned it to the cleaner, newer UI look within the CTX suite.
It gave stakeholders a clearer path forward for the product experience and created a stronger foundation for future Cost Compass pages to follow.
Reflection
Visual design was not just polish here. It changed how understandable and credible the product felt.
The biggest lesson was that navigation and page structure have to reinforce each other. If tabs look attached to one section, users will not trust that they control the whole page. By simplifying the structure and aligning the design to Scoping Pro, Cost Compass became easier to read as one connected CTX workflow.