Sign in gem.tra@ogtraplord.com Start a project
Every build here is live in production.

The work, taken apart.

These are case studies, not a gallery of screenshots. Each one covers what the client needed, what got built, the decisions in between, and where it runs today.

Read the case studies Browse 60 templates
A product buildOne platform that runs a whole wedding online. A client siteThe Legacy Yacht, a charter website that sells the evening. A studio gameOperation Blackout, a night-ops FPS in a browser tab. The template gallery60 finished starting points, each with a live preview.

Not every project starts the same. A product, a client site, and a game: three different problems, all live in production.

The whole build,
from one brief.

Scroll, and the case studies
stack in as you go.

01 · Product build: web app

One link in.
The whole wedding out.

The designed invitation page, guest RSVP with real tracking, and secure photo delivery after the event all share one link. It’s multi-tenant, so a venue can run every wedding it hosts on it. I built it in days on Next.js and Supabase and hardened it at the database layer. It’s live, with a full bilingual demo.

Next.jsSupabaseMulti-tenantEN / TH
Read the wedding platform case study →
ogtraplord.com/templates/wedding The wedding platform’s couple page, with the invitation, RSVP, and gallery

02 · Client work: marketing site

The evening, sold
before anyone boards.

A premium private yacht charter on Bangkok’s Chao Phraya river needed a site that looked like the experience it sells. The answer was footage-led: the client’s own drone reel, re-cut into clean loops on every page, with packages, events, and a lead-capture flow that pre-fills what the visitor was reading.

Next.jsFootage-ledEN / THLead capture
Read The Legacy Yacht case study →
thelegacyyacht.io The Legacy Yacht website, with hero footage of the yacht on the Chao Phraya at night

03 · Studio build: browser game

Twenty cars, sixteen corners,
and not one binary asset.

It’s a Formula race weekend in a browser tab, with a five-kilometre road course, working DRS zones, and a pit lane, all under a live broadcast overlay. Every texture is drawn procedurally at boot and every sound is synthesised in WebAudio, so the build ships without a single image or audio file. Every change has to pass thirty-five QA suites and eleven visual metrics.

Three.js240 Hz physicsZero binary assets
Read the Apex Grand Prix case study →
ogtraplord.com/templates/apex-grand-prix Apex Grand Prix: twenty cars into the first corner, rendered in Three.js

04 · Studio build: browser game

No engine and no install.
It runs from a link.

It’s a first-person shooter art-directed like a film frame, with one rain-soaked street, sodium light against neon, and a full cinematic post stack. I built it in Three.js with no engine and no bundler, and graded it against real AAA reference stills for six rounds until the lighting held up. You can play it right now.

Three.jsNo bundlerCinematic post stack
Read the Operation Blackout case study →
ogtraplord.com/templates/operation-blackout Operation Blackout: a rain-soaked night street rendered in Three.js

More of the work,
in other rooms.

The case studies are the long reads.
These are the quicker ways in.

The template gallery

60 finished starting points: websites, browser games, scroll worlds, and apps. Each one has a free live preview you can open right now.

Browse templates →

How a build works

The process behind every project on this page: the brief, the fixed quote, the launch, and what happens after.

See the process →

Questions worth asking

Yes. The Legacy Yacht runs at thelegacyyacht.io, the wedding platform has a full bilingual live demo, and Operation Blackout is playable in a browser tab right now. Every case study links to where the build runs.

You get a fixed quote before work starts, so there are no surprises later. For reference, a landing page is $1,490 one-time, and a website of up to six pages is $3,900. The pricing page has the full breakdown.

It’s measured in weeks. You get a clickable staging link in week one, and changes ship daily. A landing page is live in about two weeks, and bigger builds take longer.

You do. The domain, code, content, and analytics live in accounts in your name from the start. Nothing locks you in, and any team can take over. And every build is supported after launch, following the same six-step process.

Your project could be
the next one on this page.

Start with the free audit, or just send the brief. Every project gets a fixed quote before work starts.

Get the free audit Start a project