Navy Yard DC

Navy Yard DC needed a site that could do a lot of work,- serve as a full neighborhood directory, surface businesses by category, and let visitors explore the area on an interactive map. The design came from Planthouse. Our job was to build it in Webflow with the structural depth and interactivity the content required.

With a large volume of businesses spanning multiple categories: Shop & Dine, Sports & Entertainment, Parks & Plazas, Health & Wellness,- the content structure needed to be both robust and easy to manage. I built a categorized CMS architecture with a tag system that allows businesses to be filtered, cross-referenced, and surfaced in multiple contexts across the site without duplication.

A core feature of the site is an interactive map letting visitors explore the neighborhood spatially. I integrated Mapbox and built a filtering layer on top,- tied to the CMS tag system, so map pins update dynamically based on category selection. The result is a seamless connection between the directory and the map that makes the neighborhood feel navigable.

To keep the experience from feeling like a static directory, I added GSAP animations to key layouts, entrance sequences and scroll-driven reveals that give the content energy without distracting from the utility of the site.

The project also involved migrating from the previous Capitol Riverfront BID site. Nearly 2,000 existing URLs needed to be handled cleanly, I consolidated them down to 133 redirect rules using Webflow's wildcard system. Every URL was accounted for, ensuring no SEO equity was lost in the transition and no legacy rankings dropped on the new domain.

A CMS-driven neighborhood platform that's as easy to manage as it is to explore. The tag system, Mapbox integration, and clean migration give the BID team a scalable foundation,- adding new businesses, events, or categories doesn't require touching the build, and the site's search equity carried over intact.