Throwaway HTML, filed by category. Every prototype is one self-contained file — no build, no server, no persistence. Each set asks one design question and answers it several incompatible ways on purpose.
Within a set the content is held constant so the comparison is honest: what changes between siblings is structure, never subject matter. The facets under each entry are what you actually choose between.
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 →The invitation as a story you scroll — chapters, parallax photography, RSVP as the closing beat rather than a form bolted on.
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.
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.
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 →