NEXSUM_LABS
  1. Home
  2. Work
  3. A legacy SaaS got a visual refresh its customers didn't riot about
Book a call

[ Case study ]

Vertical SaaSFigmaDesign tokensIncremental rollout planSupport monitoring

A legacy SaaS got a visual refresh its customers didn't riot about

The product looked its age and customers had adapted to its quirks — power users had muscle memory for exactly where things were. A previous 'modernization' attempt had been reverted within a month after a support storm.

CLIENT a 10-year-old vertical SaaS product — FOCUS Map the muscle memory first

Figma UI/UX DesignDesign & BrandingFigma UI/UX DesignVertical SaaSRepresentative example
Client
a 10-year-old vertical SaaS product
Industry
Vertical SaaS
Engagement
10 weeks — experience pod — 2 designers
Service
Design & Branding / Figma UI/UX Design
Headline outcome
Reversion requests in the two quarters after full rollout (the prior attempt: 1 within a month): 0, read from Support ticket audit

Representative examplesEvery case study in this library is an illustrative composite of the kind of engagement we deliver — written to show our method and standards, not to name clients.

Where they started

Independent pharmacies run their daily operations on a ten-year-old vertical SaaS product — dispensing, inventory, compliance records. The interface was designed when the product shipped and has aged with its customers: power users operate it at speed through keyboard paths and exact positions they've held for years. The company ships continuously with a small engineering team, and its support queue is the most sensitive instrument it owns — customers call support the moment something moves.

What it was costing

The product looked its age and customers had adapted to its quirks — power users had muscle memory for exactly where things were. A previous 'modernization' attempt had been reverted within a month after a support storm.

What they could see

  • New prospects read the interface as dated in demos, while existing customers defend its exact behavior with real feeling.
  • Power users navigate at typing speed through keyboard paths and positions that any restyle would destroy.
  • Visual inconsistencies have accumulated — three button generations, mixed spacing scales, and components that no longer match their own labels.
  • The support queue reacts to visual change loudly; even minor repositioning generated calls when last attempted.

The constraints we worked inside

  • Power-user workflows were sacred — the refresh could not move anything they touch daily.
  • The customer base skewed conservative; change needed to feel like maintenance, not a new product.
  • The engineering team could ship visual changes gradually — the design had to be degradable.

What had been tried before

A previous modernization redesigned the main dashboard wholesale and shipped it to everyone in one release.
The support storm was immediate — moved controls and renamed labels broke years of muscle memory — and the rollback within a month made every later change politically radioactive.
An external UI consultant delivered a flat-design concept of the whole product, screens re-imagined end to end.
A concept assumes you can replace behavior along with visuals; power users' workflows were sacred, and the designs moved exactly the things they touch daily, so it never shipped.
Engineering modernized individual components opportunistically in the gaps between feature work, one screen at a time.
Component-by-component modernization produced the three-generation button problem — every increment was defensible and the cumulative interface became a timeline of design fashions.

What we proposed

We proposed refreshing the visual layer without touching the behavioral layer: heatmaps of the five most-used workflows would define untouchable zones — same positions, same labels, same keyboard paths — while typography, spacing, color, and states modernized at the token level. Rollout would be per surface with support-ticket monitoring as the regression detector, and a planned revert path for any section that provokes the queue. Because the customer base reads change as risk, the refresh had to feel like maintenance — the product looks newer without behaving differently, and nothing moves that a daily user's hands know.

Just as important is what we ruled out, and why:

  • A full redesign of the interface on modern patternsThe previous attempt shipped exactly that and was reverted within a month; the customer base's muscle memory is a real asset, not an obstacle to design around.
  • Parallel new UI offered as an opt-in toggleTwo interfaces doubles the testing and support surface for a small team, and opt-in toggles split the customer base into cohorts that report different products.
  • Freezing the visual layer and investing only in featuresDemos were already losing prospects on appearance; doing nothing spends the same credibility the refresh protects, just more slowly and without a plan.

How the work ran

01Map the muscle memory first

Heatmaps of the five most-used workflows defined the untouchable zones — same positions, same labels, same keyboard paths.

02Refresh tokens, not layouts

Typography, spacing, color, and states modernized at the token level; screen structures stayed — the product looks newer without behaving differently.

03Ship per surface, watch the support queue

Changes rolled out section by section with support-ticket monitoring as the regression detector — the revert scenario was planned, not feared.

Delivered by the experience pod — 2 designers over 10 weeks, with working increments reviewed with the client every week.

The stack, and the reasoning

Figma
The small engineering team pulls specs from Figma already, and the file could hold the untouchable-zone maps beside the refreshed components — constraint and solution in one artifact.
Design tokens
Token-level modernization changes typography, spacing, and color everywhere at once without moving a single control — the exact trade the constraint demanded: new look, identical behavior.
Incremental rollout plan
Per-surface shipping with a planned revert path made the rollback scenario a procedure instead of a fear, which is what the previous attempt's failure left behind.
Support monitoring
The support queue is the customer base's loudest instrument; ticket tagging per rolled-out surface turned it from a storm risk into the regression detector.

What went wrong

Obstacle

One heatmap contradicted the others: the dispensing workflow's usage pattern turned out to include a stale toolbar from a deprecated feature that a third of users still ran out of habit.

Handled: We shadowed five pharmacy calls to separate habit from need, removed the stale path from the untouchable set, and added a deprecation notice ticket to engineering's backlog.

Obstacle

Internal dogfooding found three contrast failures in the new tokens a week after the first customer surface shipped — our own team spotted what customers would have found less politely.

Handled: We paused the rollout one surface deep, fixed the token values, published the correction internally for two weeks, and only then resumed; no customer ticket ever mentioned contrast.

How we worked together

Cadence
Monthly rollout reviews with the support lead and product owner, gated per surface; weekly ticket-tag summaries between gates kept the queue's temperature visible.
Client side
The product owner made the calls and the support lead owned the regression signal; two power-user customers joined a private preview group under NDA.
Decisions
Ticket data decided continuation — a surface that provoked the queue got reverted by the plan, not by argument; everything else proceeded on schedule.
They provided
Anonymized usage heatmaps for the five key workflows, support ticket history for baseline tagging, and the preview group's time across three rounds.

What changed

The headline: reversion requests in the two quarters after full rollout (the prior attempt: 1 within a month)0, read from Support ticket audit. A second check: points of nps improvement among daily active users, same survey at +38.

Nothing moved that daily users' hands knew, and the queue stayed quiet through the full rollout — the planned revert path was never used, which the team treats as the real verdict. Demos stopped opening with an apology for the interface, and new prospects see a product that looks maintained rather than abandoned. Power users noticed the refresh and, mostly, approved it in the exact terms it was designed in: nothing to relearn. The company regained its nerve about touching its own interface, which had quietly frozen feature work too.

The result was read from Support ticket audit against the pre-engagement baseline over the stated window, with a guardrail check on points of nps improvement among daily active users, same survey. Where platform-reported numbers and business outcomes differ, this record says which layer it is quoting.

What they own now

  • The token system with contrast-checked values, mapped to the existing CSS
  • Untouchable-zone maps for the five key workflows, kept current by product
  • The per-surface rollout plan with revert procedure and ticket-tag taxonomy
  • A preview-group playbook for testing risky changes with power users

What we would do differently

We would have published the token changes internally for a month before customers — our own team found three contrast issues that external users would have found less politely.

Design & BrandingFigma UI/UX DesignVertical SaaSFigma

Next case study

An insurtech's three product teams started shipping from one design system