Praktisk Medicin

A clear and efficient workflow for everyday clinical use

Redesign·UX/UI·Healthcare·Live

Making critical medical information easy to find under time pressure. A redesign of a 50-year-old clinical knowledge platform used by 10,000+ healthcare professionals.

View Live Project
Mobile home — quick access during patient handoffs
Mobile disease detail — layouts optimized for vertical scanning
Mobile academy — touch-friendly elements at clinical scale

Role

  • Lead Product Designer

Team

  • Editorial, Engineering, Clinical stakeholders

Tools

  • Figma
  • FigJam (IA workshops)
  • Accessibility annotation kit
  • Content audit spreadsheets

Timeline

  • Multi-month engagement (2021)
  • Web · Mobile · Responsive · Accessibility-first

Overview

A 50-year-old clinical knowledge platform with valuable content — but clinicians under time pressure couldn't find it fast enough during patient consultations.

A clear and efficient workflow for everyday clinical use

Praktisk Medicin is a clinical knowledge platform used daily by healthcare professionals to access evidence-based medical information. The work focused on improving usability, information structure, and content discoverability — supporting faster, more confident decision-making in clinical practice. The brief: redesign and optimize the platform so clinicians can find relevant medical information quickly and reliably during daily work.

Challenge

Healthcare professionals use Praktisk Medicin in fast-paced environments where time and accuracy are critical. The existing experience contained a large amount of valuable content, but navigating and scanning it quickly was challenging — especially during patient consultations. The main challenge was organizing complex medical content — symptoms, diagnoses, treatments, references — into a clear, predictable structure that supported rapid retrieval without overwhelming the user.

My role: Lead Product Designer

Lead Product Designer — UX strategy, IA, mobile patterns, accessibility from day one, validated with medical stakeholders.

  • UX & UI direction
  • Information architecture
  • Mobile-first patterns under time pressure
  • Accessibility decisions from day one
  • Responsive design across web · mobile · tablet
  • High-fidelity design + prototyping

Deliverables

Strategy

  • UX Strategy
  • Information Architecture
  • Content Prioritization
  • Accessibility Strategy
  • Responsive Strategy

Design

  • UX Design
  • UI Design
  • User Flows
  • Wireframing
  • High-Fidelity UI
  • Prototyping
  • Responsive Design
  • Design System Usage
10,000+Daily users
CliniciansAudience
Mobile · Tablet · WebDevices
50-year legacyTrust

Impact

Used daily by 10,000+ healthcare professionals across Sweden. Mobile patterns built for time-pressure use; accessibility decisions that compound across thousands of pages.

  • Faster information retrieval during patient consultations through clearer hierarchy and consistent UI patterns.
  • Mobile-first patterns that hold up under time pressure — vertical scanning, touch-friendly elements, strong typographic hierarchy.
  • Accessibility informed type sizes, color, contrast, and component structure from day one — compounding across thousands of pages.
  • Structure now reflects real clinical workflows, validated with medical stakeholders.

Process

How I approached it, step by step.

01

Streamlining the most-used journeys

Focused on what clinicians actually do daily — searching for conditions, navigating between related topics, accessing actionable treatment guidance. Strong visual hierarchy, readable typography, and consistent UI patterns to reduce cognitive load.

Topic surface — consistent, scannable structure
02

Working with medical stakeholders

I worked closely with medical stakeholders to ensure the structure reflected real clinical workflows. Iterative design and validation aligned the interface with how healthcare professionals think and work in practice — not just how content is organized editorially.

Search and content browsing
03

Mobile under time pressure

Mobile usage is common in clinical environments — clinicians moving between patients, accessing information quickly. Layouts optimized for vertical scanning, clear content grouping, touch-friendly elements, strong typographic hierarchy.

Mobile home — quick access during patient handoffs
04

Accessibility as a constraint, not an afterthought

Accessibility informed type sizes, color, contrast, and component structure from day one — the kind of decisions that compound over thousands of pages of editorial content.

Treatment guidance — hierarchy that respects clinical flow

Decisions

Every design is a set of choices. These were the big ones.

05

Trade-offs I made

The options I weighed, and why I chose what I did.

Decision 01

Hierarchical IA with predictable, repeatable patterns

  • ✕
    Faceted search as the primary navigation modelConsidered instead

Why: Clinicians under time pressure value predictability over flexibility. Faceted search is powerful but cognitively expensive — wrong tool when seconds matter during patient consultations.

Decision 02

Workflow-led taxonomy mirroring how clinicians think

  • ✕
    Editorial-led taxonomy mirroring how content was filedConsidered instead

Why: Content organization should match the user's mental model, not the editor's filing system. Reorganizing by clinical workflow made retrieval feel obvious instead of searchable.

Decision 03

Mobile = vertical scanning + critical info first

  • ✕
    Mobile feature parity with desktopConsidered instead

Why: Phone-in-pocket use during patient handoffs is fundamentally different from desk-deep-dive. Optimizing for the right context on each surface beats forcing one surface to do both.

Design

The shipped screens, and what changed.

06

Information architecture

Before: Editorial-led taxonomy — content organized by how it was filed, not how clinicians think during consultations.

After: Workflow-led taxonomy — structure mirrors clinical reasoning, retrieval feels obvious instead of searchable.

Content organization should match the user's mental model, not the editor's filing system.

Workflow-led taxonomy — structure mirrors clinical reasoning, retrieval feels obvious instead of searchable.
07

Mobile experience

Before: Desktop-shaped pages on phones — slow to scan during patient handoffs, accessibility patchy.

After: Mobile disease detail — vertical scanning, touch-friendly, critical info first, accessibility built in.

Phone-in-pocket use during patient handoffs is a different context from desk-deep-dive. Optimize each for its real moment.

Mobile disease detail — vertical scanning, touch-friendly, critical info first, accessibility built in.
08

Screens

A closer look at the final design.

Mobile home — quick access during patient handoffs
Mobile home — quick access during patient handoffs
Mobile disease detail — layouts optimized for vertical scanning
Mobile disease detail — layouts optimized for vertical scanning
Mobile academy — touch-friendly elements at clinical scale
Mobile academy — touch-friendly elements at clinical scale

Reflection

Used daily by over 10,000 healthcare professionals across Sweden. The platform consolidates evidence-based medical knowledge into a single, accessible interface, helping clinicians make informed decisions with confidence while working under time pressure.

09

Key learnings

Lesson 01

Information architecture beats decoration in editorial-heavy products — predictability is a feature.

Lesson 02

Accessibility decisions made early compound across thousands of pages of content.

Lesson 03

Working alongside medical stakeholders made the difference between editorial-shaped content and clinician-shaped content.

10

Looking back

Editorial-heavy products live or die on information architecture. A pretty UI on top of a bad IA still fails — and most clinical platforms fail there. I'd start every editorial product the same way: an IA workshop with stakeholders before any pixels. The other take-away: accessibility decisions made on day one compound across thousands of pages of content. Day-one is the cheapest place those decisions ever cost you.

“Working with Martin on healthcare-focused projects for clients such as Botox and Pfizer was an excellent experience. He combined strong UX/UI expertise with a solid understanding of frontend constraints, ensuring that designs were not only user-centered but also feasible to implement.”
AHead of ProductionAdd Health Media AB, Sweden
Next caseMentorship @BrainsterMentoring aspiring designers at Brainster's UX/UI Academy — design critique, portfolio development, and career guidance grounded in real-world product standards.View Case Study
Contact

martintenovski@hotmail.com

Let’s make something complex feel simple

LinkedIn