We just shipped Project Aftermath — our founder's newest cinematic web build

This week our founder, Stephen Rey Diocampo, shipped Project Aftermath — a post-apocalyptic, cinematic web experience set in Cebu. Stephen is building both the game itself and the website around it as a personal passion project — character pages, faction lore, theater maps, an in-world studio site, and a custom HUD-driven design system are all his own work. It is not a client build, and we are sharing it because it shows the standard we hold ourselves to on every project that walks through the door.

Why does this matter for clients? The same engineers, the same design discipline, and the same component architecture behind Project Aftermath are what we hand to brands when they hire us. When we say 'no template feel, no plugin soup,' Project Aftermath is the receipt. It was built without a CMS crutch, without a starter theme, and without the design compromises a generic builder forces on you.

Under the hood it runs on TanStack Start with React 19, a fully-tokenized Tailwind v4 design system, art-directed page layouts, and a design system of more than 120 components. Every page hits Core Web Vitals green, on mobile and desktop, on the first visit. The animation system uses CSS transforms and the Web Animations API rather than heavy JavaScript, so the cinematic feel does not come at the cost of performance.

The trickiest part of the build was the character pages. Each character has a unique HUD overlay, faction colors, audio cue, and parallax scroll. Rather than build twelve bespoke pages, we built one page with twelve data files — the same pattern we use to scale ecommerce collections, multi-location landing pages, and SaaS solution pages for clients.

If you have been waiting for proof that we can build something cinematic for your brand without ballooning the timeline, this is it. Come tell us what you want us to build for you.