Product Designer Based in Socal

Menu

Product Designer Based in Socal

Menu

CEI WEBSITE REDESIGN

Designing a clearer path to care: Reimagining CEI's digital experience for seniors and caregivers

Overview

Partnering with Center for Elders' Inedpendence (CEI), our UX team led the redesign of their outdated website to help seniors and caregivers better understand their healthcare options through the PACE program. I collaborated closely with our lead UX designer to shape the research synthesis, page structure, and component system that would support CEI's goals of driving clarity, trust, and inquiries - all while creating a scalable and maintainable system for our agency's UI design and development teams.

Team

UX, UI, PM, Development

Role

UX design, research

Tools

Figma, Figjam, Zoom, Smartsheet

Timeline

2 months (AUG - SEP 2024)

01

The challenge

CEI's previous website left many potential participants confused. While their programs provided life-changing support for seniors wanting to stay independent, the digital experience failed to explain what CEI offered, who it served, or how to access care.

We needed to create a clearer, more supportive site that:

  • Helped users understand if they qualified for care

  • Conveyed low or no cost upfront

  • Built trust with both seniors and their family caregivers

  • Guided users towards action - without trying to decode a system themselves

02

My role & collaborators

I served as a UX designer on this project, collaborating under our lead UX designer to co-own the end-to-end process.

My key contributions included:

  • Conducting a full UX site audit

  • Mapping and sketching early wireframe flows

  • Designing a modular component system used across all page templates

  • Working with UI designers and devs to ensure smooth handoff and alignment

  • Presenting annotated wireframes to stakeholders and implementing feedback

This was a highly collaborative process, and I regularly partnered with PMs, UI, and engineers to move the project forward with shared visibility and clarity.

Research & Insights

Finding the gaps from focus groups and shared experiences of Bay Area seniors

We began the project by sitting in on focus groups conducted by our own internal research team, hearing directly from diverse cultural groups of Bay Area elders. Paired with an internal research report, we synthesized findings.

Our two primary user groups - Senior Self-Deciders and Caregivers - had overlapping but distinct needs:

👨🏽‍🦳 Seniors (Self-Deciders):

Want independence, not dependency

Skeptical of cost - unaware CEI is low/no cost

Had low awareness of what CEI or PACE actually offered

Worried about giving up control of their care

Motivated by vitality, connection, and self-agency

👤 Caregivers:

Needed clear info to feel confident making decisions for others

Seek clarity on services and outcomes

Wanted assurance their loved ones would stay safe and engaged

UX Strategy

Establishing a framework that helped us decide what content was worth keeping

We began with a complete site audit, identifying friction points and missing content. We then ideated and sketched a new site structure grounded in users' core questions:

  • What is CEI and what do they offer?

  • Who qualifies and how much does it cost?

  • Can I keep my current doctor?

  • How do I take the next steps?

My design lead and I used this framework to evaluate each page’s relevance, structure, and accuracy. It helped us identify what to keep, revise, or remove—ensuring all content supported user needs and organizational goals.

Laying the foundation of scalable design

To support a scalable design and consistent development, we built a modular component system - a collection of reusable sections that could flexibly serve different content across pages (e.g., image + text blocks, expandable FAQs, map locators, content tiles, etc.).

Breadcrumbs

Breadcrumbs

Home

Home

Our Programs

Our Programs

PACE

PACE

Page Title

Page Title

Meet our team

Meet our team

CEI

CEI

An impactful statement that speaks to the great team at CEI and how together, they work for the participants.

An impactful statement that speaks to the great team at CEI and how together, they work for the participants.

Voice Block (Testimonials)

Voice Block (Testimonials)

“My CEI doctor is a wonderful, informative person. I appreciate the clinic doing tests to find out what is wrong and my doctor calls me personally. They found something wrong with my heart and I believe my heart caused my stroke. We worked together before and after my stroke to make sure things weren't as bad as they could be.”


Gwen Duncan

PACE Participant

“My CEI doctor is a wonderful, informative person. I appreciate the clinic doing tests to find out what is wrong and my doctor calls me personally. They found something wrong with my heart and I believe my heart caused my stroke. We worked together before and after my stroke to make sure things weren't as bad as they could be.”


Gwen Duncan

PACE Participant

Location Finder

Location Finder

CEI Locations

CEI Locations

Right where you need us.

Right where you need us.

Enter your zip code to check if we are in your area. More words to fill second line.

Enter your zip code to check if we are in your area. More words to fill second line.

Donate CTA

Donate CTA

Resonate with our mission?

Resonate with our mission?

Join us in improving the quality of life for seniors with complex medical conditions in Alameda and Contra Costa counties

Join us in improving the quality of life for seniors with complex medical conditions in Alameda and Contra Costa counties

Donate to CEI Foundation

Donate to CEI Foundation

Referral CTA

Referral CTA

Know a senior that could benefit from PACE?

Know a senior that could benefit from PACE?

In just a few steps you can fill out our online referral and our Outreach team can contact you to follow up with more informaiton on

In just a few steps you can fill out our online referral and our Outreach team can contact you to follow up with more informaiton on

Refer a Senior

Refer a Senior

Get Started

Get Started

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Get Started

Get Started

Give us a call

Give us a call

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Members: (800) 888 8888

Members: (800) 888 8888

Enroll: (800) 888 8888

Enroll: (800) 888 8888

Big Duo (2 Column CTA - image column & CTA column)

Big Duo (2 Column CTA - image column & CTA column)

Accordion

Accordion

Accordion Title

Accordion Title

Accordion Title

Accordion Title

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit odio elit ornare viverra justo adipiscing. Fusce pulvinar gravida quis massa cras proin consectetur malesuada amet.Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit odio elit ornare viverra justo adipiscing. Fusce pulvinar gravida quis massa cras proin consectetur malesuada amet.

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit odio elit ornare viverra justo adipiscing. Fusce pulvinar gravida quis massa cras proin consectetur malesuada amet.Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit odio elit ornare viverra justo adipiscing. Fusce pulvinar gravida quis massa cras proin consectetur malesuada amet.

Accordion Title

Accordion Title

Accordion Title

Accordion Title

Accordion Title

Accordion Title

Optional CTA

Optional CTA

4-Column

4-Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem ipsum dolor sit amet,.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem ipsum dolor sit amet,.

CEI

The Center for Elders’ Independence (CEI) helps at-risk seniors in the East Bay live independently at little to no cost, offering full medical, social, emotional, and nutritional care.

Learn More

CEI

The Center for Elders’ Independence (CEI) helps at-risk seniors in the East Bay live independently at little to no cost, offering full medical, social, emotional, and nutritional care.

Learn More

PACE

PACE

HCBA

HCBA

Focus Features (Service Highlight - expanded)

Focus Features (Service Highlight - expanded)

Triple Copy + Header (3 column + Header)

Triple Copy + Header (3 column + Header)

This is a header, a quick sentence.

This is a header, a quick sentence.

Header One

Header One

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

Optional Link

Optional Link

Header Two

Header Two

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

Optional Link

Optional Link

Header Two

Header Two

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

Optional Link

Optional Link

Get in Touch

Get in Touch

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional. Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit. Optional.

(323) 123 4567

(323) 123 4567

email@email.com

email@email.com

Form Title

Form Title

A short sentence or introduction of what they can expect after the form submission.

A short sentence or introduction of what they can expect after the form submission.

First Name

First Name

Email

Email

Phone Number

Phone Number

Last Name

Last Name

First name

First name

Continue

Continue

Email

Email

+1 (555) 000-0000

+1 (555) 000-0000

Last name

Last name

Multi-Step Form

Multi-Step Form

Quick Links Section

Quick Links Section

This is a quick links section.

This is a quick links section.

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit odio elit ornare viverra justo adipiscing. Fusce pulvinar gravida quis massa cras proin consectetur malesuada amet.

Lorem ipsum dolor sit amet consectetur. Condimentum adipiscing elit velit odio elit ornare viverra justo adipiscing. Fusce pulvinar gravida quis massa cras proin consectetur malesuada amet.

Link Title 1

Link Title 1

Link Title 2

Link Title 2

Longer Link Title 3

Longer Link Title 3

Link 4

Link 4

Article Preview Cards

Article Preview Cards

Latest Reads

Latest Reads

Article Topic

Article Topic

This is an article title

This is an article title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem...

Read more

Read more

Article Topic

Article Topic

This is an article title

This is an article title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem...

Read more

Read more

Article Topic

Article Topic

This is an article title

This is an article title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem...

Read more

Read more

See all CEI articles

See all CEI articles

This modular system gave our UI team a clear starting point, helped the dev team assess feasibility early, and allowed stakeholders to visualize how content would come together on the final site.

Helping users understand CEI at a glance, and turn curiosity into action

We restructured the homepage to immediately answer the biggest user concerns and support their decision-making journey from ad click to inquiry.

4-Column

4-Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem ipsum dolor sit amet,.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.Lorem ipsum dolor sit amet,.

CEI

The Center for Elders’ Independence (CEI) helps at-risk seniors in the East Bay live independently at little to no cost, offering full medical, social, emotional, and nutritional care.

Learn More

CEI

The Center for Elders’ Independence (CEI) helps at-risk seniors in the East Bay live independently at little to no cost, offering full medical, social, emotional, and nutritional care.

Learn More

PACE

PACE

HCBA

HCBA

The initial concept we proposed for below the hero section of the home page, clarifying confusion between the organization itself, and the certain programs CEI offered.

Our UI teams final design developed into the live site

Program Costs

Program Costs

Comprehensive care at little to no cost

Comprehensive care at little to no cost

See if you qualify for PACE or HCBA programs at little to no cost. We’re here to make healthcare accessible and affordable.

See if you qualify for PACE or HCBA programs at little to no cost. We’re here to make healthcare accessible and affordable.

Medicaid

Medicaid

$0

$0

If you are on Medicaid and qualify for PACE, Medicaid may cover all the cost of the program.

If you are on Medicaid and qualify for PACE, Medicaid may cover all the cost of the program.

Medicare

Medicare

$0

$0

If you are on Medicare and qualify for PACE, Medicare may cover all the cost of the program.

If you are on Medicare and qualify for PACE, Medicare may cover all the cost of the program.

Medi-Cal

Medi-Cal

Share of cost

Share of cost

If you are on Medi-Cal and qualify for PACE, you will pay for the share of cost.

If you are on Medi-Cal and qualify for PACE, you will pay for the share of cost.

PACE

PACE

HCBA

HCBA

We introduced a tabbed cost breakdown on the homepage to simplify complex pricing details by program. This helped users quickly find the information relevant to them without navigating away or getting overwhelmed.

Our UI teams final design developed into the live site

As our wireframes took shape, we worked hand-in-hand with our UI designers to theme the site and ensure accessibility, clarity, and brand alignment.

Our modular approach allowed for fast, coordinated design and development. I created annotated wireframes and maintained Figma comments to support implementation clarity and close feedback loops.

We held regular check-ins with our PM and devs, presented to stakeholders, and incorporated feedback efficiently. The client's trust in our process helped us launch without and major revisions.

Outcomes & Reflections

Launching a site that brought clarity to and confidence to seniors and caregivers alike

The redesigned CEI site launched successfully in early 2025 and was well received by both clients and stakeholders. Our content and structure were acknowledged - helping demistify a complex but vital care program for Bay Area seniors and families.

Impactful wins:

  • Reduced friction by front-loading cost and eligibility info

  • Simplified caregiver decision-making with clearer navigation

  • Modular design supported rapid, aligned production across 10+ pages

  • Client launched the site with almost no changes to our original UX structure

This project strengthened my skills in component-driven UX design, health literacy, and designing for dual-audience experiences. It also showed how even simple structural changes can create powerful real-world clarity.

What I'd do differently

While our launch was successful, I would've loved to track post-launch metrics or conduct usability testing on the live experience to indentify any ongoing friction or missed expectations.

Thanks for reading!

©

Sergio Rojas 2025

©

Sergio Rojas 2025

©

Sergio Rojas 2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.