A healthcare website rebuilt
for editorial independence.

Before: a writer finishes a vision article and sends it to a developer. The developer converts it to JSX, adds images, commits to Git, waits for a build, and deploys. The writer sees the result hours later and asks for three changes. Each round-trip costs a day.

After: the writer opens Sanity Studio, types directly into a rich text editor, drags in images, and sees a live preview of the published page updating as they type. They hit publish. The site updates in seconds. No developer needed.

Getting there meant modeling everything the studio publishes (case studies, articles, team bios, job postings, testimonials, client logos, services, and site-wide settings) as structured Sanity documents. The portable text fields support custom blocks for pull quotes, image grids, and full-bleed sections so editors can create rich layouts without writing markup.

Beyond the schema, I designed the Studio experience itself around how the team actually works. Previews are separated into their own sections so editors see exactly where new content will appear on the live site. Each section includes a blank card with an “Add” button, so a studio member browsing the Vision page can create a new article right there, in the context where it belongs, instead of navigating the Studio’s document list and hoping it lands in the right place. Small UX decisions like these turned the CMS from a content database into a workspace that matches the team’s mental model.

A healthcare design studio needs its site to feel crafted. Hard page cuts between case studies undermine that. So when a user clicks a project card, the card’s image morphs into a full-width hero for the new page. Everything transforms in place.

This works because of how the brain tracks objects. The dorsal visual stream maintains continuity when something transforms in place, but registers a “new scene” when content jump-cuts. It’s the difference between opening a door and teleporting to a different room. The morph transition keeps the user oriented.

The hard part was making this work with Next.js. React’s App Router destroys the current page immediately on navigation, which kills any exit animation. The fix was a FrozenRouter that holds the old page in place during the exit, then hands off to the new page once the morph completes. Took days to debug, but the result is seamless.

The site is live and in active use by the studio. Content editors publish case studies, vision articles, and team updates without developer involvement. Pages load with zero client-side JavaScript for static content, hydrating only the interactive layer.