Case study — 4DMT Patient microsite
Patient-centered UX
UX Research + Accessibility
strategic leadership

Research first. Everything after that was easier.

I led patient-centric UX research — then used every insight to design and launch a microsite ahead of schedule and under budget. The research didn't just support the work. It aligned the whole team around it.

A science-forward site.

A very different audience.

4DMT had just launched their brand and website — built for investors, clinicians, and their board. Then came the clinical trial campaigns, and with them a new audience that needed somewhere to land: patients and caregivers who'd never been part of the brief.

My job was to build for them.

2

Weeks of patient-centric research

10%

Under targeted budget

1 of 4

Patient-centric microsites launched

I led the research and ran the design.

Expert interviews, competitive audits, persona development, and full solo execution across visual design, accessibility strategy, and developer handoff.

UX RESEARCH
PATIENT-CENTERED DESIGN
ACCESSIBILITY
VISUAL DESIGN
DESIGN SYSTEMS
Design-to-dev handoff
Team coordination
Pre-Project | 2 weeks

Seeing clients' needs grow, we launched patient user research

A competitive audit of five pharma and biotech companies

Finding similar-sized companies in pharma and biotech and auditing each site for similarities and differences. Photography, visual design, content tone, voice. Looking for patterns.

Competitive audit of direct competitors. One clinical trial screen and one resources exampleIndirect competitors Roche and Novartis patient-focused stories and clean layouts

Expert interviews with a patient advocacy specialist

The competitive audit was great for information gathering, but the expert interview went deeper —told us why it mattered. A patient advocacy specialist walked me through what patients actually experience, and what builds trust, what breaks it.

Two mobile screens showing warm and personalized photography Two mobile screens showing softness and warmth through gradients, blurs and tons of patient photography
Pre-project | results

What patients actually needed

When combining all the research efforts, there was one clear picture of what patients actually needed:

Partnership

Not a number. Trust feels like a collaboration.

Photos showing providers and patients side by side. Headlines shifted to "our" instead of "your." Small choices that signal the we're in it with them.

Personal connection

Real people, real audiences.

Capturing authentic moments. Every photo placement was intentional, not decorative. Generic imagery breaks trust before the page even loads.

Optimism

Design helps visualize hope.

Visual language and content work together to signal hope. Soft tones, bold accents, emotive photography — every element pulling in the same direction.

Clarity

These people are stressed, let's make it as easy as possible.

Streamlined navigation, clean visual design, and straightforward headlines — no jargon, no buried information. Clarity isn't a style choice. It's an accessibility decision.

weeks  1 — 6

From patient insights to patient experience.

4DMT needed a patient-facing microsite, fast. I'd built their original site — I knew the design system, I knew the team. The research told us what to make. The systems told us how to make it quickly.

The existing design system did the heavy lifting.

The microsite didn't need to be built from scratch — it needed to be built smart. Using existing component library, making targeted adjustments.

4DMT Home page
Website homepage showing stark white backgrounds and high focus on biotech elements
4DMT Patients page
Patients patients page showing gradients, and more warm photos in lieu of the biotech elements

Addressing specific client needs through an accessibility feature.

Ophthalmology patients don't look for buried accessibility options and don't want to self-identify as needing help. By proposing a larger default font and font-size toggle built directly into the page UI, patients never had to opt in.

Magnified view of font selection bannerPatients Ophthalmic Disease page with larger font defaulted and font size selection banner under header

Photo decisions were collaborative and taken very seriously.

Specificity builds trust, and generic stock photography was never an option. Although there wasn't a budget for custom photos, stock photography was ruthlessly criticized. Leading the photo selection process, working with 4DMT to define exactly who needed to be represented on each page.

3 disease headers showing the care and consideration in choosing the correct demographics
Research that raised the bar

"I really would have loved to work on full personas and usability audits on sites with you because we could do some amazing work"

Aren Knox
Director of Design
the results

One research sprint. Four microsites.

The research didn't just benefit 4DMT. It changed how the agency approached every patient-facing project.

Patient Persona

Knowing your audience before the brief does.

The patient/caregiver persona built for 4DMT became the foundation the team could pull before decisions were made. Less guesswork per project. Less scope creep per launch.

Accessibility First

Build what the audience needs before they have to ask.

The 4DMT build set a new standard — start with the disease audience and design for their default state. Color contrast, font sizing, navigation clarity. Not features added at the end. Decisions made right from the start.

7

Days launched ahead of schedule

10%

Under targeted budget

1 of 4

Patient-centric microsites launched

Your next milestone starts here.

Let's figure out what clarity looks like for you.

I've helped teams close funding, launch with confidence, and build brands that earn trust. If you're ready to move forward — or just need to talk through where to start — let's connect.