Context

xLab is a Hungarian health-tech start-up that lets users view every laboratory test in one secure place instead of digging through emailed PDFs. They asked 22.design to plan and design both the laboratory-side and patient-side interfaces, while LogiNet supplied the micro-service back-end.

Challenge

Raw numeric tables hid trends, medical jargon confused non-experts, and colour contrast did not yet meet accessibility targets—issues that blocked wider roll-out to clinics.

Research & Insight

We mapped patient journeys, compared rival health dashboards, and ran moderated usability walk-throughs on early wireframes. Sessions confirmed one core need: “Show me how my values change over time, not just today’s number.”

Design Moves

• Timeline cards—each test appears as a scrollable story with past values stacked horizontally.
• Organ-system grouping—results cluster by cardiology, neurology and more, mirroring physician thinking.
• Traffic-light ranges—colour cues highlight out-of-range values without medical jargon.
• WCAG-AA contrast palette—Vuetify tokens updated to pass automated and manual checks.
• One-tap export—patients can still download a signed PDF for doctor visits.

Impact

The new interface replaces static PDFs with interactive charts, gives athletes and chronic-care patients instant trend insight, and positions xLab for later phases such as AI-assisted result interpretation and mobile app launches. (Quantitative results pending first-quarter post-launch review.)

Lessons for Readers

1. Visual context beats raw numbers—trend lines and colour ranges shorten cognitive load.

2. UX and DevOps must pair early—LogiNet’s API stubs let designers test real sample data before sprint two.

3. Accessibility opens markets—AA compliance is now a procurement checkbox for clinics.