PORTFOLIO PATTERN · 7 CASES

Games and interactive experiments: seven portfolio case studies

The recorded experiments include art discovery, restaurant play, sailing, combat, narrative worlds and one-day shells. They document creative and technical bets; the manuscript snapshot does not prove present availability, player counts or commercial success.

What did the portfolio test beyond utility software?

The recorded experiments include art discovery, restaurant play, sailing, combat, narrative worlds and one-day shells. They document creative and technical bets; the manuscript snapshot does not prove present availability, player counts or commercial success.

CASE FILE

artmuseumbrasil.com

ArtMuseumBrasil is a virtual museum rendered in WebGL. You load the page and you're standing inside a 3D gallery space — walls, rooms, artworks hung at eye level — and you walk through it the way you'd walk through a real museum, except this one focuses on Brazilian art and lives on a domain instead of in São Paulo.…

Recorded lesson: Label your love projects honestly, then protect them from your own ambition. The danger of a project like this isn't the time it took to build — that time was paid back in skill and satisfaction.…

CASE FILE

bunbandit.com

BunBandit is a free browser game. A bunny, some thieving, instant play — no download, no signup, no app store between a bored person and thirty seconds of fun. Technically it's a Vite build with React 19 and Three.js, compiled to a static bundle and served by the simplest process in my PM2 fleet: a static file server pointing at…

Recorded lesson: A traffic experiment without a distribution plan is just a hobby with analytics installed. Games genuinely can be cheap top-of-funnel assets — they're shareable in a way utility software never is — but the game is only half the experiment; the other half is the deliberate, slightly tedious work of putting it where players alread…

CASE FILE

rockclash.com

RockClash is a rock band comparison game: bands face off, you pick winners, arguments ensue, the internet does what the internet does with music opinions. The site is Next.js with Tailwind, a PostgreSQL database of bands and matchups, plus the standard content shell — game modes, comparisons, a blog, about and FAQ pages.…

Recorded lesson: Audit your copy against your code, especially when machines wrote the copy. AI agents will cheerfully produce confident, polished marketing for any feature you mention in a prompt, and the failure mode isn't a dramatic lie — it's drift, where pages quietly describe your ambitions instead of your product.…

CASE FILE

skullsailor.com

SkullSailor is a pirate-themed 3D browser game — ships, sailing, treasure, the whole flag-and-cutlass fantasy rendered in WebGL. It's the most technically ambitious game in my portfolio by a wide margin: Next.js and TypeScript on the shell, BabylonJS and React Three Fiber doing the 3D heavy lifting, Rapier handling physics, cust…

Recorded lesson: An unmonitored project doesn't fail loudly — it just quietly stops existing, and you pay renewal fees for the corpse. The 502 wasn't the failure; the failure was the months where nothing and no one was responsible for noticing the 502.…

CASE FILE

atamera.com

Atamera is an e-commerce site for artisanal jewelry aimed at the Argentine market. Unlike almost everything else in this book, it sells physical objects — handmade pieces with variants, a cart, customer accounts, orders, the entire classical online-store anatomy.…

Recorded lesson: Code is the cheapest ingredient of e-commerce, so don't let it be the only one you supply. I can stand up a flawless store in days — that's exactly why a flawless store is worth almost nothing by itself.…

CASE FILE

eaxy.ai

Eaxy was conceived as the biggest swing in this entire book: an AI employee for small businesses. Not a chatbot widget — a platform. B2B customers would sign up, get their own tenant subdomain, have infrastructure provisioned for them automatically, and deploy an AI assistant trained for their industry to handle customer convers…

Recorded lesson: Ambition has a carrying cost, and you pay it whether or not the product earns. Every system you build is a promise to maintain it, and a platform makes hundreds of promises at once. The discipline I took from Eaxy: never build past your maintenance budget, and know your own sales motion before you build a product that requires a…

CASE FILE

The one-day shells

Five of the eight domains I shipped in a single day during the 52-domain sprint, each a static one-page shell: a letter badge, a headline, a two-line thesis, an email form, legal pages, nothing else. YouAreEarly surfaces internet products before they trend.…

Recorded lesson: Make the cheap experiment cheap enough and you'll actually run it — that's the real innovation of the shell system, and it's psychological, not technical. But a waitlist measures the intersection of interest and arrival, and if you supply no traffic, you've built a fine instrument and pointed it at the dark.…

Explore another portfolio pattern