- 2023
- Front-End Engineer
- Mission Bell
Mission Bell
Overview
GSAP Page Transitions and a CMS the Shop Actually Owns
A Nuxt-powered portfolio site for a commercial architectural millwork firm based in San Jose and Seattle. GSAP transitions tuned to feel seamless, Sanity CMS the team owns, and WCAG 2.1 AA baked in from day one.
- Nuxt
- Vue
- GSAP
- Sanity CMS
- WCAG 2.1 AA
- Component Library
The Brief
Catalogs stapled to spec sheets
Mission Bell builds the millwork inside spaces like UCSF's Weill Institute for Neurosciences, the Nvidia Treehouse, and the Ameswell Hotel. Everyone else in the commercial millwork category has a website that looks like a product catalog stapled to a PDF portfolio. They wanted smooth transitions, photography of the built work, and a CMS the team could own without a developer on speed dial.
Matching the craft to the site
The frame
Nuxt handles routing and rendering. GSAP drives page transitions tuned to feel seamless without announcing themselves. A Vue component library keeps every project case study on-brand without starting from scratch each time.
The content layer
Sanity CMS wired up so the shop manages the project portfolio directly — no tickets, no deploys. WCAG 2.1 AA compliance was part of the build from day one, not retrofitted on the last sprint.
The site takes on the shop's voice
The transitions
GSAP page transitions tuned to feel invisible — they announce themselves only when you look for them. Everything else is the built work.
Zero dev tickets since launch
It finally feels like us
Client's exact words after launch: "It finally feels like us." Zero developer tickets for content updates since go-live — the shop runs the site the same way they run the floor.
Next Project
Consume & Create
High-90s Lighthouse Scores Without Sacrificing the Animation Budget
Continue →