Metamatn Interactive
UX Case Study · Healthtech

Nav, cards
& architecture redesigned

Clinical clarity for frontline healthcare leaders through clearer wayfinding, responsive data cards, and an information architecture built around real workflows.

About

In healthtech, every extra click is a moment a nurse isn't with a patient. Design that gets out of the way is the most meaningful design there is.

Matin Mohammadi · Lead UX Designer · Laudio

The Project

Laudio supports charge nurses, unit managers, and other frontline healthcare leaders. I was brought in for a six-week engagement to run a heuristic analysis and stakeholder interviews across the patient and admin experience, with the goal of finding out what was breaking down and why.

The audit surfaced three structural problems: no single source of truth for the design system, inconsistent labeling across the platform, and a card system that gave every task equal visual weight regardless of urgency. I redesigned the card system and refined the navigation, and scoped the design-system fix into the following sprint.

Visit Laudio
Laudio
Healthtech Platform
ClientLaudio
My RoleUX Designer, Heuristic Analysis
Heuristic AnalysisDesigner InterviewsFlow Verification
DomainHealthcare Technology
PlatformResponsive Web App
Duration6 Weeks
Gallery

Visuals

Problems

What I was up against

Problem 01
Multiple sources of truth
Different designers pointed to different systems as the source of truth for components. There was no single reference, so the UI drifted.
Problem 02
Inconsistent labeling and hierarchy
The same regions carried different names and visual weight across screens, so nothing established a reliable reading order.
Problem 03
Cards lacked urgency
Every card, regardless of priority, rendered at the same visual weight. Laudio's own data showed low action rates on cards, and the flat hierarchy was a likely cause: nothing told a manager what needed attention first.
Features

What was built

Heuristic AnalysisDesigner InterviewsFlow Verification
Refined navigation
The grouping was already sound. What failed was legibility. Rebuilt with icon anchors, tighter spacing, and a high-contrast active state, delivered in light and dark.
Severity-coded cards
A left-border priority signal so urgency reads before content. Actions moved into the card so a manager can decide and respond in one place.
Responsive card system
The priority signal holds at every breakpoint. On narrow viewports the metadata collapses and actions stack, but the severity border and task body never move.
Design system recommendation
Documented the drift across the existing systems and recommended a single canonical source. Scoped into the next sprint rather than rushed into this one.
Solutions

How I solved it

Heuristic evaluation
I audited the platform against usability heuristics, cataloguing violations by severity and mapping the underlying causes behind the symptoms stakeholders described.
Designer interviews
Two interviews with designers on the team surfaced the design-system problem directly: asked where the source of truth lived, got different answers each time.
Flow verification
Walked the primary workflows in both the existing and redesigned structure to verify the new paths were shorter and the priority signal was legible at a glance.
Results

The Outcome

6 → 0
High and medium severity heuristic violations closed
Shorter paths
Flow verification showed reduced click depth to primary workflows after the redesign
2
Designer interviews that surfaced the design-system root cause
6 weeks
From audit to shipped redesign

In healthcare, every extra click is a moment a nurse isn't with a patient. I couldn't test that with users on this engagement, but the audit gave me enough to act on with confidence.

Matin Mohammadi · UX Designer · Laudio
—Next Step

Building something
ambitious?

I partner with Web3, fintech, and SaaS teams to design flows that actually ship. Book a discovery call — no slides, just a conversation about your product.

Book a discovery callSee more work

Next project