Systemcraft Inquire
Systemcraft / Work
Work

Four things that are live, and how each one was built.

Anyone can say they build fast sites. These are the ones you can open right now, with the numbers I measured rather than the ones that sound good. Three are demonstrations I built to prove a technique. The fourth is a product still in build. None of them is client work, and I would rather say that plainly than let a page imply otherwise.

Four buildsThree live and public Every figure measuredPhoenix and the Valley

Obsidienne

Cinematic product site · demonstration

A luxury fragrance house that does not exist, built to answer one question: can a small practice ship the kind of scroll-driven film you normally see from a studio of twelve? The bottle is not a video and it is not real-time 3D. It is 444 frames rendered in Blender Cycles — two acts, each in landscape and portrait, because the composition is re-framed by the camera rather than cropped — painted into a canvas as you scroll.

The consequence is a page that feels expensive and behaves cheaply: no scroll library, no WebGL for the hero, and a Lighthouse score of 91 / 100 / 100 / 100 measured on the deployed site.

Blender CyclesPre-rendered scroll Content-hashed framesCloudflare Pages

Open Obsidienne

The Obsidienne hero: a silver and amber perfume flacon lit on a dark bench, with the headline Darkness, held to the light.
The shipped site, opened today

The frame-scrub hero

Scroll-driven hero · technique build

Before Obsidienne there was the question of how the award-winning sites actually do it. The answer, measured by loading one of them and reading every chunk it ships, is that the hyper-real hero is not WebGL at all: it is a pre-rendered image sequence drawn into a 2D canvas, and the pinning is four CSS sticky elements.

This build reproduces that honestly — 111 frames, no GSAP, no scroll library, no React renderer. Native scroll is never intercepted; the scroll value is smoothed instead, one line per frame, which is why it never fights a trackpad. The frame directories are content-hashed, so a re-render can never be served from a stale cache.

Canvas 2D111 frames No scroll libraryImmutable hashed assets

Open the frame-scrub hero

The frame-scrub hero: a machined black disc on a dark ground beside the headline Hold the frame still.
The shipped site, opened today

The carnicería template

Neighbourhood shop sites · two live

The opposite problem, and the more useful one. A corridor carnicería does not need a film; it needs a site that loads on a five-year-old phone, reads in Spanish first and English second, says whether the shop is open right now, and takes an order without a platform taking a cut. Two are live from one template, each with its own photography, menu and voice.

What makes it sellable is the gate underneath it. A smoke suite boots each site, requests every route and asserts every business fact against its source — it fails the build if a price, an hour or an image filename drifts from the record. Del Pacífico passes 68 of 68 checks; Los Pinos passes 48 of 48.

Static, no frameworkEspañol / English Ordering cartSmoke-gated facts

Carnicería Del Pacífico · Carnicería Los Pinos

Carniceria Del Pacifico: carne asada on a mesquite grill behind the headline No toda la carne asada es igual.
The shipped site, opened today

Sundial

Scheduling and booking product · in build

A booking product for service businesses that come to you: provider pages, real availability off a real calendar, a discover view, and an admin side. Postgres with row-level security, so a provider's private fields are enforced by the database rather than by whichever page happens to remember to hide them.

The part worth reporting is how it is checked. A green typecheck is not evidence an app runs — this one shipped 500s on its dynamic routes for an unknown stretch while the typecheck stayed green the entire time. So the gate now boots the app and requests real routes, including a dynamic one, because that is the route that broke. Run again on 28 August 2026: four routes, four 200s.

Next.jsPostgres Row-level securityRoute smoke gate

Not publicly hosted yet, so there is no link to give you. The screenshot is the app running.

The Sundial discover view: a barber shop card with a price and distance, above swipe-to-book controls.
The app booted locally, 28 Aug 2026

Why none of these is a client project. Systemcraft is new, and the honest thing to do with a portfolio page on a new practice is to say so rather than dress demonstrations up as engagements. Everything above I built, measured and deployed myself — which is also why every number on this page is one I can show you the source for, rather than one I read off a case study.

What this is meant to tell you

Not that you need a scroll film. Most businesses do not, and I will say so during the audit rather than after the invoice. What these four are meant to establish is narrower and more useful: the range is real, the work ships, and nothing goes out through a gate that a claim can walk past unchecked.

Week Audit

One week, looked at honestly. Flat $750, credited against a build.

Automation builds

One block of the week, end to end. From $4,500.

Custom software

When the tool you need doesn't exist yet. From $15,000.

Start with the worst block.

One conversation, no deck. If there is nothing worth automating I will tell you that instead.

hello@systemcraftllc.com (602) 918-8732