Case Study · Interactive Design · Content Design · AI Collaboration · 2026

Ways of Healing

A field atlas of culture, illness & care — an exhibition-style interactive site that maps 17 cross-cultural case studies and 10 core ideas from medical anthropology onto a spinnable globe, with AI guides, a Comparison Lab, and a printable Bookmark Workshop.

Field Atlas · Medical Anthropology · Exhibition UX · AI Collaboration · Senior Capstone

Ways of Healing homepage showing a spinnable illustrated globe surrounded by field-notebook style cards
The homepage globe — every case pinned to the place its story comes from.

Problem
Most people understand healing through a modern biomedical lens, while cultural healing traditions are presented in ways that are overly academic, scattered across many sources, or exoticized.
Built
An exhibition-style atlas with a rotating vector globe, 17 case stories, 10 core concepts, a theme explorer, a Comparison Lab, two scoped AI guides, a Bookmark Workshop, and 12 wandering cut-paper figures.
My Role
I directed the concept, visual language, content scope, cultural-sensitivity rules, and every interaction decision, while AI worked as researcher and builder under my review and sign-off.
17Case studies
10Core concepts
51Original illustrations
57Verified sources

From a reading list I couldn't finish to an atlas anyone can wander.

The idea began in a medical anthropology course I took in 2024. The material was deep and fascinating — but there was far too much reading for the time available, and I kept imagining an interactive website that could make learning it feel less like homework and more like visiting an exhibition.

Healing has never been only about seeing a doctor and taking medicine. It is bound up with family, faith, history, the communities we live in, and how we make sense of suffering. Yet when cultural healing traditions show up online, they tend to be either buried in academic papers or framed as something strange and exotic.

The core question became: what if learning how the world understands sickness and care could feel like wandering through a field archive, not studying for an exam?

My earlier interactive atlas, Where Dragons Dwell, placed 3rd in the 2026 Codex Creator Challenge and proved the map-based exhibition model. Ways of Healing takes that starting point into far more sensitive territory — illness, trauma, and care — with a completely different subject, audience, and content system.


One primary user wins the tie.

Early critique pushed me to stop listing possible audiences and actually choose one. When a design decision serves one group at the expense of another, this is who I protect:

  1. 01

    Culturally curious general visitors

    Adults who find the topic meaningful or personally resonant — through immigration, multicultural families, or caregiving — and want a respectful, visual way in. They are not extracting facts; they are seeking recognition and understanding.

  2. 02

    Educators and facilitators

    Instructors who can use the atlas as a discussion starter or pre-class exploration tool — a visual introduction rather than a textbook replacement.

  3. 03

    Design learners and reviewers

    People interested in how complex academic content becomes an interactive system. They are an audience for my process, not the content — so they never drive the user experience.


Director and decision-maker in a human–AI studio.

I did not code this project line by line. I acted as director; AI (Claude and Codex) acted as researcher and builder. Every part of the site followed the same loop: I set the goal and constraints, the AI produced a draft or a working build, I reviewed it page by page, and the AI revised until I signed off. The AI never set direction on its own.

ME — DIRECTOR goals · constraints taste · sign-off AI — BUILDER research · drafts code · illustration brief: goal, constraints, sensitivity rules draft or working build, revised until sign-off REVIEW LOOP
The working loop behind every page: direction stayed human; volume went to the machine.

Concept & visual language

I chose the topic and positioning and defined the "field notebook + museum archive" visual language, the earth-tone palette, and the overall exhibition framing.

Scope & sensitivity rules

I fixed the content scope and the cultural-sensitivity rules, and set a strict illustration standard: no clear faces, no wounds or remains, no aestheticizing of suffering.

Interaction decisions

I compared three homepage prototypes and chose the vector globe, set the "interactive, not heavy" principle for case pages, and decided the structure page by page.

Everything that touched my accounts

Performance testing, API keys and environment variables, git commits, and the Vercel deployment were mine alone.

Three risk rules kept the style honest: not too decorative, not a treasure map, not cute — because the subject is illness, trauma, and poverty.


It started on paper.

I sketched three homepage directions — a flat world map with filters, an image-led gallery, and a rotating vector globe — then used AI to prototype each one before committing to the globe. The same sketchbook shaped the case pages, the Comparison Lab, and the Bookmark Workshop.

Hand-drawn sketch of a flat world-map homepage and case index
Direction A — flat map with index and filters.
Hand-drawn sketch of a rotating globe homepage and How to Explore page
Direction C — the rotating globe I chose.
Hand-drawn sketch of the case-study detail page and AI guide
Case detail page and the AI guide.
Hand-drawn sketch of the concepts index and Comparison Lab
Concepts index and the Comparison Lab.
Hand-drawn sketch of the glossary and the Bookmark Workshop
Glossary and the Bookmark Workshop — the exhibition's souvenir corner.

One catalog feeds every page.

The globe is the front door, but there are five ways in: cases, concepts, themes, comparison, and an AI guide. Underneath, a single source of truth (catalog.js) feeds shared scripts that render every page, so content stays consistent across the whole site.

GLOBE HOMEPAGE 17 Cases story pages 10 Concepts theory, linked to cases Explore themes & filters Comparison Lab 2–3 cases, printable Atlas Guide site-level AI Bookmark Workshop Glossary Sources & Safety About / How-to DATA LAYER — catalog.js one source of truth → shared scripts render every page SERVERLESS API Vercel → gpt-5.4-mini · quota-guarded
Site structure — five ways in above, one data layer below. HTML/CSS/JS + D3 globe, deployed on Vercel.

Designed for reading, wandering, and taking something home.

Case stories that stay light

Seventeen heavy academic cases retold in plain language, broken into flip cards, sticky notes, expanders, progress bars, and Q&A — interactive instead of text-walled.

Comparison Lab

Pull two or three case cards from a filing cabinet onto the table and compare cause, treatment, spirit/body, and community — then print the result.

Two AI guides, clearly scoped

The site-level Atlas Guide points you to relevant cases; each case page's Case Guide answers in depth. Both refuse medical advice by design.

Bookmark Workshop

A daily draw of three printable bookmarks — choose one, pick an illustration, sign it, cut along the dotted line. A souvenir stand for a virtual exhibition.

Twelve wandering figures

Cut-paper "walkers" stroll along the bottom of each page — defined by what they carry, never by ethnicity. Click one and it stops to speak a short in-character line, like an NPC in a quiet game. Usability feedback later earned them an on/off toggle.

Herbalist (basket & sprig) · Lantern bearer (stigma stories) · Field scholar (map tube) · Water bearer (two buckets) · Caregiver (swaddled child) · Book carrier · Bowl bearer · Letter carrier · Medic · Elder · Parent & child · Dog walker


The hardest part wasn't code. It was truth.

AI drafted content from roughly forty-five medical-anthropology sources — and its output looked about 80% correct, which is the dangerous kind of correct. I ran three full audit rounds against the actual sources under four standards:

  • No figure or description may appear that is not found in the source material.
  • Everything must trace to the sources I provided, or to a reliable academic source cited instead.
  • Cite title and author — never page numbers that can't be verified.
  • Cited content must match its reference; no misattribution.

The audits removed invented statistics, corrected mistitled references, fixed numeric errors, and rebuilt the bibliography to 57 verified works. Where a figure couldn't be confirmed, I kept the statement general rather than invent detail. The same discipline applied to images: I approved or rejected all 51 illustrations one by one — an early HIV illustration was rejected because the AI had drawn a coronavirus.

Illustration rules were non-negotiable: no clear faces, no wounds or remains, no aestheticizing of suffering.


Two rounds: a survey, then a live test.

Round 1 — feedback survey (n=8, June 2026)

4.5/5Visual style — clear strength
4.0/5Ease of navigation
3.4/5Text clarity — weakest
4.4/5Overall rating

The written comments pointed one direction: readability. I enlarged type across the site, cut the handwritten typeface to reduce font noise, and demoted the "How to Explore" page out of the global nav to lower cognitive load.

Round 2 — moderated usability test (June 30, 2026)

A single-participant, think-aloud session with "Kevin," 40, an engineer and museum-goer — a fair proxy for the general-interest audience. One participant can't measure how common a problem is, but he can find real ones:

Applied Direct feedback

Leftover nav bug removed

Case and concept pages still carried an old "Explore" link that was meant to be gone. Kevin surfaced it in minutes.

Applied Feedback + judgment

Two AI guides, two names

Both assistants were called "Field Guide," so their purposes blurred. They became the Atlas Guide and the Case Guide, each with a scope note.

Applied Direct feedback

Walker toggle

The figures charmed at first, then distracted. A visible, remembered on/off switch now layers over reduced-motion support.

Applied Feedback + judgment

Plain labels beat evocative ones

"Across the Atlas" confused; "Related Cases" doesn't. Several confusions traced to the same root cause — evocative names chosen over plain ones.

Declined Designer judgment

Keep the five "ways in"

Renaming "By Theme" to "By Case" would flatten five genuinely different entry axes. The real duplicate was a redundant index shortcut.

Deferred Designer judgment

Homepage concept filter

Rests on one participant and pulls against the survey's "reduce cognitive load" finding. Parked as a hypothesis.

He didn't want to read instructions first — he wanted to begin exploring immediately. — field note from Kevin's session, and the best argument for demoting the how-to page

An exhibition that stays open.

Ways of Healing shipped as a complete, live atlas: 17 cases, 10 concepts, five entry paths, two scoped AI guides, and a souvenir stand — all in a visual language that treats illness and care with respect rather than decoration. The architecture assumes growth, so new cases can join the catalog without touching the design.

Two lessons I'm keeping. First, users won't necessarily accept a designer's favorite ideas — the walkers needed a toggle, and the evocative labels needed to become plain ones. Second, a designer paired with AI can multiply their output several times over — but only if the collaboration is transparent and the human owns the judgment, the sensitivity calls, and the accuracy standard.

How the AI collaboration actually divided
  • AI did — read ~45 sources and distilled them into cases and concepts, drafted all copy in the plain style I required, generated 51 illustrations under my rules, wrote the front-end code and interactions, and ran the citation audits I designed.
  • I did — concept, positioning, visual language, palette and risk rules, content scope, cultural-sensitivity standards, every structural decision, illustration approval one by one, performance testing, keys and environment variables, git, and deployment.
  • The principle — a design-led, AI-assisted build, stated openly rather than claiming manual line-by-line authorship.

Wander the atlas.

Spin the globe, read a case, compare two ways of healing, and print yourself a bookmark on the way out.