Skip to content
Back to design catalog
RefineSaaS workspace · Before and after

Catalog study 13

Legacy SaaS interface refinement

A bounded refinement that preserves the product model while correcting navigation weight, information density, state visibility, and responsive scan order.

Repository-owned synthetic study. It proves transformation logic and visible direction without claiming client approval, measured outcomes, production behavior, or runtime acceptance.

Account administration / Mature productRefinement · bounded change budget

Before refinement

Everything has equal weight.

The product model works, but oversized navigation, repeated summary panels, and weak status hierarchy make routine access work slower to scan.

Members

248

Seats

260

Invites

14

Exceptions

6

Alya PutriMember
Dimas KurniaMember
Nadia HartonoMember
Rafi MahendraMember

After refinement

The queue leads. Context stays available.

The same records and actions are reorganized around the work that needs attention, while secondary summaries move into a quieter support layer.

Access queue

6 need review

Review queue
Invite pendingExternal domainHigh
Role changedAdmin → MemberReview
Seat limit12 remainingNotice

Members

248

Seats used

248 / 260

Invites

14

Preserved

Navigation destinations

Preserved

Member records

Preserved

Role and access actions

Preserved

Status meanings

Proof details

Starting condition

Refine a mature account-administration workspace whose repeated panels, oversized navigation, weak state hierarchy, and narrow-screen collapse slow down routine work without changing its permissions or information model.

Static refinement specimen. It does not claim migrated production data, validated permissions, measured task-time improvement, or browser-tested responsive behavior.

Preserve

Routes · permissions · records · actions · status meanings

Budget

Presentation and interaction hierarchy only

Correct

Navigation weight · density · state visibility · scan order

Responsive

Queue first; secondary context moves behind disclosure

Result

A before-and-after workspace that keeps the same navigation destinations, records, actions, and status meanings while introducing a compact rail, one dominant work queue, clearer row hierarchy, and a deliberate constrained-width mode.

Refuses

  • Replacing the product model
  • Inventing new admin capabilities
  • Calling a visual rewrite a refinement

Related catalog work

Browse complete catalog