Work / VisualCue

Every new client was a new one-off project

Every implementation required a lot of custom work, which made the product expensive and difficult to scale. The goal was to turn that process into something repeatable — giving customers enough control to configure the platform themselves, without having to understand everything happening underneath it.

Role
Product Designer
Scope
End-to-end UX & UI, tile system, data flow
Period
2020 — 2022
Platforms
Web · Desktop app
Tap to enlarge ↗ NGN Insights: configurable tiles built directly inside the product.
Faster implementation 1+ month → ~1 week
Repeatable by design Custom projects → Repeatable setup
Implementation into the product Custom deployment → In-product configuration
THE BRIEF

The product worked well once it was implemented. The problem was getting it there

Every new client required a significant amount of custom work from our side. The team had to build the visual elements, prepare the data, and adapt the implementation to each customer's environment. That made the product expensive to deploy and difficult to scale.

The goal was to move that work into the product itself — making the platform simple enough for a customer to configure, while still giving them access to a system that was genuinely complex underneath.

WHERE IT STARTED

A highly customized visual language

VisualCue represented data through highly customized tiles, combining icons, colors, and layouts into a visual language that was powerful, but difficult to reproduce.

The same customization existed underneath the visual layer. Data had to be prepared before reaching the platform, and even simple data calculations required custom development outside the product.

Tap to enlarge ↗ Each client received a custom tile design, built around their specific data and requirements.
Tap to enlarge ↗ Tiles were drawn layer by layer in Illustrator, then exported through a script. Creating each variation depended on this manual process.

As VisualCue moved toward the call center market, the product evolved into CueFit — and its visual language needed to become more focused and repeatable.

CUEFIT

From custom tiles to a repeatable visual system

The original visual language was redesigned around a consistent structure. The same underlying system could now be reused across different projects, while still allowing each tile to reflect the data it represented.

Tap to enlarge ↗ The ring established a consistent structure for the tile, with the content and status changing according to the project.

Grupo NGN acquired CueFit and the team behind it. We then began shaping the product into what would become NGN Insights.

NGN INSIGHTS

The visual system became part of the product

As CueFit became NGN Insights, the visual system moved into the product itself, allowing users to create and configure their own tiles directly in the platform.

Tap to enlarge ↗ The tile was defined through a fixed set of content areas: twelve KPI slots, four text fields, and one status.
Tap to enlarge ↗ The editor followed the same structure as the tile, giving users defined fields to configure rather than requiring a custom layout for each project.
IMPLEMENTATION

Making data work simpler

What once required custom development could now be done visually inside the product. Data could be connected, combined, and transformed through an interface designed to make the underlying logic accessible.

Tap to enlarge ↗ A data source could be connected and configured directly through the interface.
Tap to enlarge ↗ Fields, types, and keys could be mapped as part of the configuration process.
Tap to enlarge ↗ Users could define calculations and comparisons through the product, without requiring a separate development step.
AGENT EXPERIENCE

The agent screen became part of the product

Agents could see their own performance in a much richer way in NGN Insights, with real-time information, context, and feedback built into the product.

Tap to enlarge ↗ With the tile structure established, the center could also accommodate an agent photograph alongside their performance data.
PRODUCT EVOLUTION
StageProductVisual systemImplementation
Starting pointVisualCueArtistic / highly customizedCustom work
Making it repeatableCueFitRepeatable visual systemCustom work
Making it configurableNGN InsightsConfigurable in-product systemIn-product configuration
NGN Insights in use, closing the case