← back to work case study · ux/ui design · 2022 · team of four

Passage: caretakers need care too

uc berkeley ux/ui bootcamp · my idea · concept, ui design and every illustration mine · erin, ian and tiffany on interviews and the presentation

An app for someone caring for a person with a terminal illness — tracking the care, and tracking the caregiver.

3halves the app is built from: tracking, care, and you
4of us, and the idea and the interface were mine
100%of the illustration painted by hand, by me
15screens in the 2026 redesign, all clickable

That is the 2026 redesign, running. Not a picture of it: set up the profiles, give Lucia her morning dose, open the journal, start the meditation. Fifteen screens, wired into the flow they were drawn for.

The 2022 original, the research behind it, and everything that changed are below.

passage, 2026 · tap it

the problem · everything is built for the patient

When someone you love is dying, you become an unpaid nurse, a scheduler, a pharmacist and a record keeper, usually overnight and usually while grieving in advance. There is software for the patient — portals, medication reminders, symptom trackers. There is almost nothing for the person holding the whole thing together, and that person is the one most likely to quietly fall apart.

Caretakers need care too. That sentence was the brief. It went on the landing page in the end because we never found a better way to say it.

the shape · three halves, which is the point

Most caregiving tools stop at logistics. Passage is deliberately lopsided — two thirds of it is the job, and one third is the person doing the job, given equal weight in the navigation so it cannot be skipped.

  • Tracking. Medications with doses and times, meals, hygiene, movement — the things that get counted because forgetting one has consequences. The home screen opens on rings, not a list, so a glance answers "what still needs doing today".
  • Care. The near future: upcoming appointments, scheduled exams, lab tests. And, because this is an app about a terminal illness and pretending otherwise would be a lie, end-of-life planning sits on the home screen too — find in-home hospice care, choose a funeral home, write a eulogy.
  • For You. Guided meditation, a walk nearby, calling a friend, and a journal that gives you a prompt so you do not have to face a blank page on the worst day of your week.

the design · calm, and never cheerful

The hard part was tone. An app that is bright and encouraging about hospice is grotesque; an app that is grey and clinical adds weight to someone already carrying too much. The answer was a deep blue ground with one warm yellow doing all the emphasis — the accent appears where a person needs to act, and nowhere else — and painted landscapes rather than stock photography or illustration-library people.

I painted the landscapes myself: a valley, a river, willows and cottonwoods. They are the only soft-edged thing in the interface, and they carry the emotional register so the rest of the screens can stay literal and quiet. The one figurative illustration in the app — a caregiver pushing a wheelchair — is the only place a person appears, and it is on the page that explains what the app is for.

A painted valley in greens and golds, used as a background inside Passage. A painted river, used as a background inside Passage.
A painted cottonwood with falling leaves. A painted willow. Illustration of a caregiver in a mask pushing an elderly person in a wheelchair, against a soft gradient sun.
every image in the app and on the site, painted or drawn by me

who did what

This was a four-person class project, and the honest split matters more than a tidy one. The idea was mine, and I brought it to the group. I designed the interface and I made every drawing, painting and illustration in the product and on the site. Erin, Ian and Tiffany ran user interviews with me and built the presentation we delivered it with. Ian owned the repository, which is why the commit history is entirely his.

It is the only piece on this site I did not do alone, and it is here for that reason. Everything else in my portfolio is a solo build; most jobs are not.

Passage home screen: daily needs rings for meds, meals, hygiene, movement, and a medicines list. Passage journal and community screens: a new entry with a writing prompt, and a feed of articles and messages from other caregivers. Passage daily self-care shortcuts: today's meditation, a nearby walk, calling a friend, and write in journal.
home, journal and community, and the self-care shortcuts

what changed in 2026

Four years on the concept held and the chrome dated it. The screens were dense, the headings shouted in all caps, and the paintings sat behind cards instead of being given room. So I redrew it: same app, same three halves, same paintings, rebuilt around them.

  • Sentence case serif headings. Cormorant Garamond, no shouting. All caps survives only in the small tracked eyebrows and buttons, where it is doing a job.
  • The paintings run full bleed. Controls float above them on blurred pills instead of boxing them into thumbnails. The valley sits under the home screen as a horizon you scroll toward.
  • One accent means one thing. Deep forest green appears only on what you can act on: a primary button, the active tab, a toggle that is on. On the night screens it flips to pale meadow so it stays legible over the art. Nothing decorative is allowed to use it.
  • Onboarding that asks about you too. Three steps: who you care for, who you are, what their day looks like. Step two asks what restores you, because the app cannot suggest self care it has never asked about.

what it taught me

  • Tone is a design decision with a right answer. On a subject this heavy, the difference between callous and comforting is a colour temperature and a verb tense, and you can test for it.
  • Give the neglected job equal billing. Self-care would have been a settings screen if we had followed the logistics. Putting it in the tab bar is the whole argument of the product.
  • Being the one with the idea is not the same as being the one who is right. The interviews my teammates ran moved things I was attached to, and the app got better for it.
the design · 2026

Meadow mist, and one green that means act

The palette comes out of the paintings instead of sitting next to them: soft meadow grounds, forest green for anything you can act on, pale meadow when the screen goes dark so the action still reads over the art. Cormorant Garamond carries the headings in sentence case, Raleway does the small tracked labels, Outfit does the interface.

grounds
#F0F3E9 · meadow mist, the screen
#FBFCF6 · card surface
#0F1E19 · night ground
action, and only action
#2A5F4B · forest green
#DAE8CE · pale meadow, on dark

Nothing decorative uses either one. If it is green, you can press it.

type
Cormorant Garamond · headings, sentence case
Raleway 700 · small tracked labels
Outfit · interface and body

All caps only where it is a label, never where it is a sentence.

all fifteen screens
Passage 2026, welcome screenwelcome · the forest path, full bleed
Passage 2026, step 1 screenstep 1 · who you care for
Passage 2026, step 2 screenstep 2 · about you
Passage 2026, step 3 screenstep 3 · her routine
Passage 2026, home screenhome · affirmation, then what is next
Passage 2026, lucia screenlucia · today at a glance, then the list
Passage 2026, medicines screenmedicines · doses grouped by time
Passage 2026, planning ahead screenplanning ahead · at your own pace
Passage 2026, for me screenfor me · the caregiver tab
Passage 2026, meditation screenmeditation · the aurora, night mode
Passage 2026, journal screenjournal · a prompt, not a blank page
Passage 2026, writing screenwriting · autosaves
Passage 2026, circle screencircle · a moderated community
Passage 2026, article screenarticle · the library
Passage 2026, profile screenprofile · care facts and nudges
ux/ui designillustrationteam projecthealthcarefigma

open to marketing operations, analytics and martech roles

Let's talk.

Remote, or Albuquerque and hybrid. If you want the architecture behind any of the work here, ask me and I will walk you through it.