Navy Yard DC is Washington D.C.'s riverfront neighborhood,- a dense mix of restaurants, shops, parks, sports venues, and residential buildings managed by the Navy Yard BID. The site needed to serve as a full neighborhood directory: explorable, filterable, and easy for the BID team to maintain and expand over time.
The design came from Planthouse studio. My job was to build it in Webflow with the structural depth and interactive functionality the content demanded.
CMS architecture and tag system. 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.
Interactive Mapbox map with filtering. 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.
Animated layouts. 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.
Site migration. 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 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.
The Result
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.