AltaMed

Product

Mobile First Website Redesign

Industry

Healthcare

ROLE

UX Lead @ Sensis

Launch

Aug 2017 + Ongoing

Involvement

Jun 2015 → May 2021

Rebuilding AltaMed.org around the patient

A bilingual platform built to WCAG 2.0 standards, for the patients and caregivers within the largest FQHC in Southern California who had been working around the system's limitations for years.

Contributions:

End-to-End Product Design

UX Strategy + Vision

Bilingual User Research

Stakeholder Alignment

WCAG 2.0 Compliance

Personas + User Journeys

Team Management/Leadership

Bilingual UX

AltaMed

AltaMed

Product

Mobile First Website Redesign

Industry

Healthcare

ROLE

UX Lead @ Sensis

Launch

Aug 2017 + Ongoing

Involvement

Jun 2015 → May 2021

Rebuilding AltaMed.org around the patient

A bilingual platform built to WCAG 2.0 standards, for the patients and caregivers within the largest FQHC in Southern California who had been working around the system's limitations for years.

Contributions:

End-to-End Product Design

UX Strategy + Vision

Bilingual User Research

Stakeholder Alignment

WCAG 2.0 Compliance

Personas + User Journeys

Team Management/Leadership

Bilingual UX

AltaMed

AltaMed

Product

Mobile First Website Redesign

Industry

Healthcare

ROLE

UX Lead @ Sensis

Launch

Aug 2017 + Ongoing

Involvement

Jun 2015 → May 2021

Rebuilding AltaMed.org around the patient

A bilingual platform built to WCAG 2.0 standards, for the patients and caregivers within the largest FQHC in Southern California who had been working around the system's limitations for years.

Contributions:

End-to-End Product Design

UX Strategy + Vision

Bilingual User Research

Stakeholder Alignment

WCAG 2.0 Compliance

Personas + User Journeys

Team Management/Leadership

Bilingual UX

AltaMed

AltaMed

Product

Mobile First Website Redesign

Industry

Healthcare

ROLE

UX Lead @ Sensis

Launch

Aug 2017 + Ongoing

Involvement

Jun 2015 → May 2021

Rebuilding AltaMed.org around the patient

A bilingual platform built to WCAG 2.0 standards, for the patients and caregivers within the largest FQHC in Southern California who had been working around the system's limitations for years.

Contributions:

End-to-End Product Design

UX Strategy + Vision

Bilingual User Research

Stakeholder Alignment

WCAG 2.0 Compliance

Personas + User Journeys

Team Management/Leadership

Bilingual UX

AltaMed

Outcomes

  • Self-serve tools that cut calls to the patient service line

  • More engagement with Spanish-language content among Spanish-speaking patients

  • WCAG 2.0 compliance, a first for the site

Outcomes

  • 3 full website redesigns

  • Self-serve tools reducing customer service calls

  • Patient confidence in services provided by AltaMed

  • Built trust and increased consumption of curated bilingual content.

  • WCAG Compliant

Without a research lane, the product owners became the channel.
Without a research lane, the product owners became the channel.

Context

Southern California's largest federally qualified health center

By 2015, AltaMed.org was desktop-only, its navigation mirrored internal departments, and its Spanish content wasn't strong enough to earn the trust of a largely Spanish-speaking patient base.

Altamed homepage before and after. After displays mobile site.
Altamed homepage before and after. After displays mobile site.

AltaMed.org before, on desktop in 2015, and after, on mobile.

Screenshots showing progressive disclosure in action: (1) the contact replacement modal, (2) the employer contributions form with conditional fields. Stack vertically within the column. (3) Inline error messaging for contact cards.

01

The channel

Research flowed through product owners, not a formal UX lane. They were on calls with FAs, sponsors, and TPAs, ran user reviews, and fielded call-center feedback.

01

The channel

Research flowed through product owners, not a formal UX lane. They were on calls with FAs, sponsors, and TPAs, ran user reviews, and fielded call-center feedback.

02

My strategy

Build enough trust that those conversations became structured inputs, not noise filtered out before it reached me.

02

My strategy

Build enough trust that those conversations became structured inputs, not noise filtered out before it reached me.

03

What I synthesized

Abandonment patterns, error types by form section, terminology confusion, and the gaps in the FA and TPA handoff, mapped into journeys and pain-point inventories.

03

What I synthesized

Abandonment patterns, error types by form section, terminology confusion, and the gaps in the FA and TPA handoff, mapped into journeys and pain-point inventories.

Shipping isn't the same as done. The launch surfaced gaps no brief could have predicted.
Shipping isn't the same as done. The launch surfaced gaps no brief could have predicted.
Shipping isn't the same as done. The launch surfaced gaps no brief could have predicted.

MY ROLE

Six years, two phases

Lead UX across the full engagement, from initial discovery through the 2017 launch and into research-driven iteration through 2021.

01

Ground-Up Redesign

Phase 1 · 2015-2017

Stakeholder interviews, information architecture, an annotated sitemap and wireframe library, content strategy direction, bilingual design, WCAG 2.0 compliance, and development handoff. Launched August 2017.

01

Ground-Up Redesign

Phase 1 · 2015-2017

Stakeholder interviews, information architecture, an annotated sitemap and wireframe library, content strategy direction, bilingual design, WCAG 2.0 compliance, and development handoff. Launched August 2017.

02

Ground-Up Redesign

Phase 2 · 2018–2021

A post-launch audit, 46 interviews across three patient and caregiver groups, four personas, and targeted changes to navigation, Find a Doctor, the homepage, and the Spanish experience.

02

Ground-Up Redesign

Phase 2 · 2018–2021

A post-launch audit, 46 interviews across three patient and caregiver groups, four personas, and targeted changes to navigation, Find a Doctor, the homepage, and the Spanish experience.

02

Ground-Up Redesign

Phase 2 · 2018–2021

A post-launch audit, 46 interviews across three patient and caregiver groups, four personas, and targeted changes to navigation, Find a Doctor, the homepage, and the Spanish experience.

PHASE 1 RECAP · 2017 LAUNCH

01

Mobile-first delivery

The first responsive version of AltaMed.org, built for patients who reach their healthcare from a phone.

02

Accessibility

The first WCAG 2.0-compliant version of the site, consistent for every patient regardless of ability.

03

Patient-facing language

Clinical terms replaced with the words patients use. Spanish arrived as original copy from native-language specialists, not a translation of the English.

04

Simpler navigation

Errors surface at the field level, not at submission.

Wireframe flow of the AltaMed mobile navigation menu showing users drilling into nested service categories.

From the Phase 1 wireframe library.

Screenshots showing progressive disclosure in action: (1) the contact replacement modal, (2) the employer contributions form with conditional fields. Stack vertically within the column. (3) Inline error messaging for contact cards.

The only way to know what launch missed was to go back and ask.
The only way to know what launch missed was to go back and ask.
The only way to know what launch missed was to go back and ask.

CHALLENGES · PHASE 2

Returning to what we built

A post-launch audit and early feedback surfaced four gaps between what shipped and what patients needed.

01

Unfinished scope

Critical site areas left untouched at launch. Revisit core UX components for a complete, polished experience.

01

Unfinished scope

Critical site areas left untouched at launch. Revisit core UX components for a complete, polished experience.

01

Unfinished scope

Critical site areas left untouched at launch. Revisit core UX components for a complete, polished experience.

02

Untested assumptions

Phase 1 rested on stakeholder interviews and assumptions about patient behavior. Phase 2 tested them against real patient journeys.

02

Untested assumptions

Phase 1 rested on stakeholder interviews and assumptions about patient behavior. Phase 2 tested them against real patient journeys.

02

Untested assumptions

Phase 1 rested on stakeholder interviews and assumptions about patient behavior. Phase 2 tested them against real patient journeys.

03

Caregiver pain points

Caregivers managing a family's care couldn't find clear answers. We mapped their daily tasks and where they got stuck.

03

Caregiver pain points

Caregivers managing a family's care couldn't find clear answers. We mapped their daily tasks and where they got stuck.

03

Caregiver pain points

Caregivers managing a family's care couldn't find clear answers. We mapped their daily tasks and where they got stuck.

04

Low Spanish engagement

Spanish content was underused and read as translated. We partnered with native-language copywriting specialists and made it easier to reach.

04

Low Spanish engagement

Spanish content was underused and read as translated. We partnered with native-language copywriting specialists and made it easier to reach.

04

Low Spanish engagement

Spanish content was underused and read as translated. We partnered with native-language copywriting specialists and made it easier to reach.

“Managing my parents' appointments is a second job. I need to know what services are available for seniors at our local clinic without having to call and wait on hold every time.”

— Sergio G., 45 · Caregiver research participant

“Managing my parents' appointments is a second job. I need to know what services are available for seniors at our local clinic without having to call and wait on hold every time.”

— Sergio G., 45 · Caregiver research participant

“Managing my parents' appointments is a second job. I need to know what services are available for seniors at our local clinic without having to call and wait on hold every time.”

— Sergio G., 45 · Caregiver research participant

“Managing my parents' appointments is a second job. I need to know what services are available for seniors at our local clinic without having to call and wait on hold every time.”

— Sergio G., 45 · Caregiver research participant

Research

AltaMed research participants
AltaMed research participants
AltaMed research participants

AltaMed research participants

46 interviews. Two languages. Three groups.

Six months after launch, I led structured interviews across three patient and caregiver groups. It was the first time the site's decisions rested on what patients told us directly.


Every group included English speakers and patients who spoke only Spanish or preferred it. I ran the interviews in both languages.

What the interviews found

  • The most common case was an elderly patient with no one helping, not the edge case the team had assumed.

  • Adult children often reviewed information with their parents at the same time: English-speaking families, a Spanish-only parent with an English-speaking child, and Spanish-speaking parents and children.

  • Much of that reading happened on one phone, with two people looking at the same screen.

  • • Confusion came from how information was presented, much of it tied to language, and it set in faster for older patients.

Interview guide.
Interview guide.
Interview guide.

Interview discussion guide and segment user flows.

One finding ran through every group: the site was organized around how AltaMed works, not how patients live.
One finding ran through every group: the site was organized around how AltaMed works, not how patients live.

Personas + insights

Four personas, three patterns

01

Gen X + millennials

Two personas, similar findings. Both have little tolerance for friction or long waits, expect booking to be quick, and want to be treated as a person, not a case number.

02

Dedicated caregivers

Managing a family's healthcare alongside their own, often unaware of everything available. Values compassion and flexible scheduling above all.

03

Spanish-preferred patients

Trust comes from quality content, not automated tools. Looks for cultural cues that AltaMed knows their community. Language preference shapes whether they engage at all.

Stacked screenshots of the AltaMed mobile navigation menu redesign in purple.
Stacked screenshots of the AltaMed mobile navigation menu redesign in purple.

AltaMed personas.

Translation carries the words. Trust comes from proof that the organization knows your world.
Translation carries the words. Trust comes from proof that the organization knows your world.

Experience strategy

Research translated into direction

Each pillar traces back to a specific user research finding.

01

Authentic linguistic inclusion

Spanish content developed with native-language copywriting specialists, briefed by what Spanish-preferred patients said in interviews. It reads as original, not adapted.

02

Research-driven architecture

Sitemap and navigation rebuilt around how patients search.

03

Language choice on arrival

A language toggle offered on the first visit, so Spanish-preferred patients don't have to hunt for it.

04

Faster access to care

Find a Doctor refined for mobile, with essential actions inside the viewport and fewer decisions per step.

Navigation was the first place patients met the site. It was also the first place they gave up.
Navigation was the first place patients met the site. It was also the first place they gave up.

Information architecture

Sitemap + navigation

I rebuilt the sitemap and filter taxonomy around the paths patients described in interviews. The Phase 2 sitemap renamed the main navigation, added a caregiver pathway, and gave PACE enrollment its own entry point.

Mobile stie navigation
Mobile stie navigation
Mobile stie navigation

Three layers of the mobile navigation.

ANNOTATED SITEMAP — Phase 2, Full Width. Lead artifact. Full-width export with IA callouts: navigation rename, caregiver pathway, PACE enrollment entry point.

Annotated Phase 1 and Phase 2 sitemaps.

Design decisions

Homepage overhaul

Passive to purposeful

Patients arrived with a task: find a doctor, find a location, understand a service. I replaced the hero carousel with modules ordered by those tasks, cutting the clicks between arriving and getting care.

Mobile and desktop homepage
Mobile and desktop homepage

Final mobile and desktop homepages.

Find a doctor tool
Find a doctor tool

Find a Doctor flow, with the final mobile filter and results states.

Find a Doctor

Fewer decisions at the highest-intent moment

The most important path on the site was also the most cluttered. I consolidated filters, tightened labels, and moved "No preference" to the top of each filter to cut steps.

Spanish site optimization

Trust takes more than translation

The copy came from native-language copywriting specialists; I didn't write it. My part was the research behind it and keeping content decisions tied to what Spanish-preferred patients told us.

NOTE: I did not write copy on this engagement. A designated copywriter developed all content. I provided research-grounded direction and ensured all content decisions aligned with findings from Spanish-preferred patient interviews.

Spanish content
Spanish content

AltaMed.org screens in Spanish, with the language toggle that appears on the first visit.

“The Spanish version feels like it was actually written for me, not just run through a computer. It gives me a lot more confidence that I'll be understood when I walk into the clinic.”

— Jessica P., 32 · Spanish-preferred research participant

“The Spanish version feels like it was actually written for me, not just run through a computer. It gives me a lot more confidence that I'll be understood when I walk into the clinic.”

— Jessica P., 32 · Spanish-preferred research participant

“The Spanish version feels like it was actually written for me, not just run through a computer. It gives me a lot more confidence that I'll be understood when I walk into the clinic.”

— Jessica P., 32 · Spanish-preferred research participant

“The Spanish version feels like it was actually written for me, not just run through a computer. It gives me a lot more confidence that I'll be understood when I walk into the clinic.”

— Jessica P., 32 · Spanish-preferred research participant

Impact

What we delivered

01

46 user interviews

Across three patient and caregiver groups

01

46 user interviews

Across three patient and caregiver groups

02

4 personas

Research-grounded and team-aligned

02

4 personas

Research-grounded and team-aligned

03

WCAG 2.0 compliance

A first for AltaMed.org

03

WCAG 2.0 compliance

A first for AltaMed.org

03

WCAG 2.0 compliance

A first for AltaMed.org

04

English and Spanish parity

Original Spanish content from native-language specialists, briefed by research

04

English and Spanish parity

Original Spanish content from native-language specialists, briefed by research

05

2 annotated sitemaps

Phase 1 and Phase 2

05

2 annotated sitemaps

Phase 1 and Phase 2

06

Mobile-first responsive build

Replacing a desktop-only site

06

Mobile-first responsive build

Replacing a desktop-only site

Reflection

What I took forward

01

Design the journey around the page

The site was one stop on a longer path to care, so the work extended across the touchpoints around it, in partnership with marketing.

01

Design the journey around the page

The site was one stop on a longer path to care, so the work extended across the touchpoints around it, in partnership with marketing.

01

Design the journey around the page

The site was one stop on a longer path to care, so the work extended across the touchpoints around it, in partnership with marketing.

01

Design the journey around the page

The site was one stop on a longer path to care, so the work extended across the touchpoints around it, in partnership with marketing.

02

Bilingual UX is a design discipline, not a translation task

Trust with Spanish-preferred patients is built into the content itself: who it's written for and how it sounds. A language setting can't do that on its own.

02

Bilingual UX is a design discipline, not a translation task

Trust with Spanish-preferred patients is built into the content itself: who it's written for and how it sounds. A language setting can't do that on its own.

02

Bilingual UX is a design discipline, not a translation task

Trust with Spanish-preferred patients is built into the content itself: who it's written for and how it sounds. A language setting can't do that on its own.

02

Bilingual UX is a design discipline, not a translation task

Trust with Spanish-preferred patients is built into the content itself: who it's written for and how it sounds. A language setting can't do that on its own.

03

Healthcare research is never finished

What people assume about healthcare users is almost always a little off, and the segments keep shifting. What doesn't change is the urgency patients feel and how much trust they need before they act.

03

Healthcare research is never finished

What people assume about healthcare users is almost always a little off, and the segments keep shifting. What doesn't change is the urgency patients feel and how much trust they need before they act.

03

Healthcare research is never finished

What people assume about healthcare users is almost always a little off, and the segments keep shifting. What doesn't change is the urgency patients feel and how much trust they need before they act.

03

Healthcare research is never finished

What people assume about healthcare users is almost always a little off, and the segments keep shifting. What doesn't change is the urgency patients feel and how much trust they need before they act.

Other projects

Redacted Version

Enterprise B2B SaaS · Fintech

Capital Group

Designed a new platform to replace a 25+ page paper form. It asks only what applies to each plan, so setup takes minutes instead of days. Since launch, it has carried 4,350+ plans through implementation.

End-to-End Product Design

New Product Definition

Progressive Disclosure

Design Systems + Governance

WCAG Compliance

High-Fidelity Prototypes

Team Management/Leadership

Role-Based Access Control

Redacted Version

Enterprise B2B SaaS · Fintech

Capital Group

Designed a new platform to replace a 25+ page paper form. It asks only what applies to each plan, so setup takes minutes instead of days. Since launch, it has carried 4,350+ plans through implementation.

End-to-End Product Design

New Product Definition

Progressive Disclosure

Design Systems + Governance

WCAG Compliance

High-Fidelity Prototypes

Team Management/Leadership

Role-Based Access Control

Redacted Version

Enterprise B2B SaaS · Fintech

Capital Group

Designed a new platform to replace a 25+ page paper form. It asks only what applies to each plan, so setup takes minutes instead of days. Since launch, it has carried 4,350+ plans through implementation.

End-to-End Product Design

New Product Definition

Progressive Disclosure

Design Systems + Governance

WCAG Compliance

High-Fidelity Prototypes

Team Management/Leadership

Role-Based Access Control

Civic Tech · Transport· Responsive Web

Foothill Transit

Led the website redesign that brought live bus tracking and trip planning into one cleaner, more accessible experience for riders who depend on the bus. W3 Honorable Mention, Best Transportation Website.

Research to Delivery

Website Redesign

Information Architecture

Trip Planning UX

Responsive Design

WCAG 2.1 Compliance

Third-Party Integration

Team Management/Leadership

Civic Tech · Transport· Responsive Web

Foothill Transit

Led the website redesign that brought live bus tracking and trip planning into one cleaner, more accessible experience for riders who depend on the bus. W3 Honorable Mention, Best Transportation Website.

Research to Delivery

Website Redesign

Information Architecture

Trip Planning UX

Responsive Design

WCAG 2.1 Compliance

Third-Party Integration

Team Management/Leadership

Civic Tech · Transport· Responsive Web

Foothill Transit

Led the website redesign that brought live bus tracking and trip planning into one cleaner, more accessible experience for riders who depend on the bus. W3 Honorable Mention, Best Transportation Website.

Research to Delivery

Website Redesign

Information Architecture

Trip Planning UX

Responsive Design

WCAG 2.1 Compliance

Third-Party Integration

Team Management/Leadership