/ recent work/ threesided-games

threesided games

The games studio site — party chaos, browser RPGs, and desktop pests documented like release notes. Snarky sibling of threesided.com.

threesided games — preview
Year
2026
Role
Solo build
Status
live
Stack
  • Astro 7
  • TypeScript
  • Vanilla CSS
  • Three.js
  • WebGL
  • Netlify
View full product page →Visit live →

We needed a front door for the games that wasn’t the consultancy homepage wearing a novelty hat. games.threesided.com is that door: roster, sheets, changelog, studio voice.

The problem

Individual titles already had their own sites. The studio didn’t. Visitors who landed on threesided.com for contract work had no clean path into the party-game / browser-RPG shelf, and the shelf had no place that admitted it was a marketing surface.

The approach

Separate host, same monorepo. The mini-site lives in apps/games and deploys as its own Netlify project on games.threesided.com. Root stays the studio consultancy site. Shared art and favicons where it helps; separate CSS, copy, and tone where it shouldn’t.

Patch-notes brand. Version tags, known issues, “won’t fix” jokes that still convert. Loud on purpose. Fourth wall stays load-bearing.

A real product shelf. The dedicated showcase uses a cinematic CSS coverflow with optional Big Box and collector-orbit views. Games and tools keep separate doors, while every title opens a full storefront.

What we built

  • Homepage with hot-build stage, roster grid, principles, and changelog teaser
  • Full product storefronts at /games/<slug> with galleries, platform destinations, trailer space, stack layers, features, and recent patches
  • Games and Tools showcase routes with coverflow, Big Box, and orbit modes
  • DND Suite family storefront with four connected product pages
  • Studio changelog, team, and about pages
  • Voice clips and 3D box previews where the title warrants the weight
  • Archived homepage experiments at /prototypes (cabinet wall, arcade, fourth wall)

Trade-offs

The homepage remains the studio build log, while the showcase owns deep catalogue browsing. Product pages keep one interactive Three.js case each; the multi-title shelf uses lighter CSS depth so the art, not the GPU budget, stays in charge.

The games site borrows the parent brand mark and accent system, then turns the volume up. It should feel related, not identical.

Results

Live at games.threesided.com. Linked from the main portfolio so contract visitors can cross over without hunting individual title domains.