Site tour — the “meet Throne” hero load-in, then proof, community, and app bands.
What they needed
Throne Labs builds smart, accessible public restrooms—running water, touchless entry, real-time cleanliness ratings—and needed a marketing site that matched a refreshed brand from Kem Design.
In partnership with Kem, I built the full site in Webflow on Mast: a component system on a 12-column grid so heroes, proof metrics, community stories, and app download bands compose predictably as content grows.
The problem
Throne’s product story is unusually visual and proof-heavy: a park-set hero with a loading “meet Throne” beat, bento metrics, city testimonials, and an app network map. Without a shared template language, each section risked becoming a one-off—hard to maintain as cities, quotes, and features expand.
The site also had to feel credible to cities and transit agencies while staying warm enough for a public-good product people actually want to use.
What I built
I structured the Webflow build as reusable Mast blocks—full-bleed hero with the high-impact load-in animation, metric cards, tabbed community proof, testimonial carousels, and the app download band—so marketing can extend the system without rebuilding layouts.
CMS collections keep cities, stories, and resources editable. The hero animation leads: “meet Throne” loads in for first-viewport impact, then the rest of the page earns trust with ratings, resolution rates, and real community voices.
The work
- Full-site Webflow development with Mast (No Code Supply)
- Hero load-in animation for “meet Throne” and supporting interactive components
- Modular section system: proof bento, community tabs, testimonials, app download
- CMS setup for scalable cities, stories, and resource content
- Responsive implementation of Kem Design’s refreshed brand system