Jeffrey Dungan Architects
An architecture portfolio that had to feel as considered as the houses.
- Client
- Jeffrey Dungan Architects
- Year
- 2018–
- Role
- Design + Development
- Live
- Website
Clarity Studio designed the site; we built it. The brief was a WordPress portfolio for a residential architecture practice whose work is slow, heavy on image, and ruined by anything that feels like a template. Years later it's still the reference we use for what a design-studio handoff can look like when the build keeps every timing and type decision intact.
Ship the design, don't approximate it
Design-studio handoffs fail in predictable ways: hover states that never get built, scroll timing that gets rounded to whatever the library defaults to, captions that wrap differently at every breakpoint because nobody measured the type. For an architecture practice, those aren't polish issues — they're the difference between a site that feels like the work and a site that feels like software about the work.
So the build treated the Clarity files as the contract. If a transition was in the comps, it shipped. If a rule had a specific weight, it shipped at that weight. The job was fidelity under real content, not a reinterpretation.
A WordPress site editors can actually run
The public site is image-forward — project archives, practice pages, and the kind of full-bleed photography residential work demands. Underneath it is WordPress structured so the studio can publish a new house without calling an engineer, without the layout collapsing when a caption runs long or a gallery has eleven images instead of nine.
Video sits on Vimeo rather than in the CMS binary store. That keeps the media pipeline boring and the page weight honest.
Motion that survives real content
GSAP drives the motion. The hard part isn't making something animate — it's making the same sequence feel right when the next project has a different aspect ratio, a longer title, or three fewer photos. Every entrance was tested against the messiest content the archive already had, not against the hero case in the design file.
That discipline is still the baseline for how we take studio work from Figma to production.
