Working inventory for investor and partner discussions. Software for businesses that still run on spreadsheets: what has shipped, what exists as a prototype, and what state each of them is honestly in.
Start with the commercial briefing — it explains how the studio is structured and how the work is sold. Everything below it is the evidence: two sites in production, then the prototypes, which come in two shapes on purpose.
The Operations sets are one deep prototype each, answering a doubt rather than offering a choice — can a spreadsheet be replaced with real transactional state, can tenancy and permissions be done properly, can money be handled. Each exposes its own rules and lets you try to break them. The Commercial sets take one design question and answer it several incompatible ways, so the choice between them is a real decision rather than a preference.
Corporate presence for a commercial construction firm — project showcase, credibility for bid processes, and B2B enquiry capture.
Practice site for a single-location dental clinic — service directory, local search presence, and the trust signals patients actually look for before booking.
logistics/dispatch
The briefing’s core claim is replacing manual spreadsheets. This is that claim, made checkable: the sheet a last-mile operator runs on today, beside the state machine that replaces it.
One prototype built deep, not four directions — the question is whether the hard part works, and the only honest way to show that is to let you try to break it.
Open the set →healthcare/multi-branch
The briefing promises multi-branch operation with role isolation. Nothing else on this site shows it. This does — one patient database, five people signed in, five different shapes.
Row scope, column masking and expiring grants kept as three separate mechanisms, because conflating them is the usual way this gets built wrong.
Open the set →property/billing
Anyone can render an invoice. This one is about the awkward money: the payment that is deliberately 5% short, the round number that matches no invoice, the charge disputed after it was issued.
Double-entry throughout, integer centavos, nothing ever edited — and the receivables subledger proved against the ledger after every click.
Open the set →wedding/rsvp
What shape should a wedding website be? Four answers that disagree structurally, not cosmetically — the primary surface, the information architecture and the record a backend would have to store are different in each.
Philippine settings throughout: church then a separate reception, principal sponsors, Filipiniana dress codes, GCash instead of a gift table.
Open the set →
ScrollfilmTagaytay ridge, Cavite · one day
The invitation as a story you scroll — chapters, parallax photography, RSVP as the closing beat rather than a form bolted on.
ThreadNasugbu, Batangas · church then reception
A fixed poster beside a message thread that is the website. No details page — the couple send them to you one question at a time, and answer anything you ask back.
The SuiteVigan, Ilocos Sur · cathedral then heritage house
Keeps the paper ritual: break the wax seal, flick through a pocket of cards, fill in a reply card as a sentence rather than a form.
AtlasEl Nido, Palawan · three-day destination
For a wedding people have to fly to. A hand-drawn map stays pinned beside the content and follows you down the page; details are filed by place, not by topic.
school/public-site
One K–12 school website, four editorial strategies. The section inventory and the fixture content are identical in all four — same principal, same science-fair medals, same exam week.
What differs is what a parent hits second, after the hero. That is the only real decision a school website makes, and each version answers it differently.
Open the set →A testimonial grid and a full-bleed parent quote land before the school says a word about itself.
Quick-access links in the hero, news as a table with a status column, events as a real month calendar, faculty as a directory of eight.
Full-bleed campus photography, a scroll cue, the gallery promoted to a first-class section, copy set as display headings.
The admissions CTA sits directly under the hero — dates, requirements and the registrar's number before anything else. Needs no photography.
school/cms
The other half of a school website, and the half that decides whether it stays current: who updates it, and how much they have to understand to do it safely.
Filed as its own set rather than a fifth public-site direction — different audience, different artifact.
Open the set →