athenahealth
Close
athenahealth

Patient Portal

Redesigned patient portal dashboard on desktop and mobile

25 million patients opened the portal and landed on Test Results.

Appointments, meds, billing: all there, none of it findable. Especially on a phone.

So I made a real landing page.

One dashboard. What matters up top. A clear path to everything else.

Legacy patient portal home: a wall of panels

This was the home before

The home now

My Health opened on more than Test Results.

Medications, vitals, records and forms were already in there, one level down. The redesign brought them up.

Legacy My Health: Test Results, with everything else in a sidebar

This was My Health before

My Health now

The nav had the same hole.

People couldn't find things. Card sorts had no consensus. It had to work on a phone.

Cut the repeats. Make it respond.

Desktop navigation: dropdown menus
Mobile navigation drawer: account panel and main menu

Same structure on desktop and phone.

A patient using the portal from home

Usage

25M patients

Registered on the portal

Time saved

40% faster

Time to find appointments, meds, and billing

2 taps

From landing to the next action on a phone

Support

28% fewer tickets

“Where is my...” support contacts

The Team

  • 1 Senior Product Designer · IA lead
  • 2 Product Managers
  • 3 Engineers

Timing

  • 2018–2019

    IA, dashboard, and responsive nav

  • 6 weeks

    Unmoderated tests + card sort

Tools Used

  • Figma
  • Gemini
  • Jira
  • Miro
  • Pendo
  • UserTesting
  • Cursor

Up next

Volusion

Volusion Ecommerce Admin →