Demos you can touch
Every case study deserves proof. These are real, working mini-products built to production standards — each with its own art direction, its own fictional client, and its own case study.
A course finder with honest scarcity
Brightmarsh course discovery: a 24-course catalogue with faceted filters and live counts, a three-up compare tray, week-by-week syllabi, a five-question advisor quiz, and a mocked three-step enrolment with member pricing and gift options.
Brightmarsh · Education · Filtering UI · Compare UX · Checkout flow
A reservations flow that treats guests like regulars
Wattle & Daub is a fictional Surry Hills dining room cooking over coals — and this is its whole front door: candlelit menu typography, an ember-canvas hero, and a booking flow with honest availability, card holds only where they matter, and a one-tap table release stored in localStorage.
Brightline Solar — instant quote engine
An instant solar quote configurator for fictional installer Brightline Solar: address-style intake with a mocked AU atlas, a compass-dial roof-orientation picker, a usage slider with live bill estimation, panel and battery add-ons, mocked federal and state rebate logic, an animated ten-year savings chart with a break-even marker, and fake email-the-quote and book-a-visit flows. Everything recomputes and counts up as you answer.
Budgeting dashboard with hand-rolled charts
The Northwind Ledger dashboard rebuilt around a 40-second morning ritual: answer-first cash flow, budget pacing, a drill-down donut and a keyboard-friendly ledger — every chart drawn by hand in SVG.
Emissions scrollytelling explorer
A scroll-driven climate data story for non-profit Meridian Climate: a pinned chart morphs through bars, a tile-grid choropleth and cohort trends across seven chapters, then hands over to a full explorer — year scrubber, sortable council table and per-council detail for fourteen fictional LGAs.
Fernleigh Cellar — wine club subscription & shoppable PDPs
A direct-to-consumer cellar door for fictional Adelaide Hills winery Fernleigh: shoppable PDPs with vintage selectors and club-price comparison, three subscription tiers with per-shipment sliders, skip-a-shipment management with a cadence calendar, a drink-by cellar tracker, and a mock checkout that restocks your cellar.
GLADE Rituals — ingredient-honesty explorer & routine builder
A working slice of fictional skincare house GLADE: a searchable 46-ingredient index with evidence ratings, provenance and concentration bands; eight fully-disclosed formulations with a radar-card comparison; and a morning/evening routine builder with real conflict warnings, savable rituals, URL sharing and clipboard export.
Hearthbrew Storefront — coffee shop with cart & subscription
A specialty-coffee storefront for fictional Hearthbrew Coffee: a roast-date-honest catalogue, PDP with grind and weight options, subscribe-and-save with skip/pause, a slide-out cart with a truthful free-shipping threshold, and a mock checkout.
Holloway Records — a listening-room music player
A label-site music player for fictional Sydney indie Holloway Records: eight procedurally sleeved records, a persistent deck with generative WebAudio stand-in sound, queue management, liner-notes and lyrics drawer, full-screen now-playing and full keyboard control. Screen-reader announced; reduced-motion safe.
Holloway Records Deck 02 — promo-room waveform player
The mastering-suite deck from fictional label Holloway Records: nine hand-stamped promo plates, a canvas waveform with beat ruler and needle cues, a drag-to-reorder rack, and an eight-second crossfade you can watch mix. Silent simulation — no audio, all craft. Full keyboard control; reduced-motion safe.
Identity Lab — a generative brand playground
The living heart of Hearthbrew Coffee’s identity: a generative tool that grows the brand’s signature botanical pattern from a few honest dials — blend warmth, growth and density — with palette and type pairings that stay on-brand by construction.
Ledgerline — pricing calculator
A pricing calculator for fictional expense-management SaaS Ledgerline: seat and usage sliders with stepped snapping, monthly-vs-annual billing with real savings maths, a plan matrix that recommends and pins, a discount-code field with honest validation states, an editable ROI estimator with CSS bars, a quote that serialises to the URL as a shareable link, and a print-ready quote sheet. Every number is mocked but adds up.
Mobile banking with drag-to-save pots
Copperline Mutual's member app: a thumb-first home screen, searchable transactions, a pay-anyone flow with avatars, drag-to-allocate savings pots and a statements sheet — all in midnight fern and mint.
Onboarding that trades confetti for momentum
The complete first-run flow for short-course platform Brightmarsh: a goal picker, an honesty dial for weekly hours, matched courses from a twelve-course catalogue, and a first-week plan you can hold — saved step-by-step, keyboard-first, resume-friendly.
Postcards Archive — a century of messages, explorable
A public cut of the Corrowong Museums Trust postcard collection: 120 generatively-drawn cards spanning 1900–1994, a decade timeline, faceted filters with live counts, curated threads, and a flip-over reading room with transcriptions, citations and full keyboard control — all URL-shareable.
Pylon Care — an AI assistant that knows its limits
A responsible-AI support assistant for fictional Pylon Health: token-streamed answers from a scripted help library, visible confidence, citations with a sources drawer, no-medical-advice guardrails, personal-detail redaction, an accuracy feedback loop and a human handover that keeps the transcript. Fully client-side and deterministic.
Quarry & Compass — map-first property search
A fictional property atlas for the Ironbark Shire: a pannable, zoomable survey map with clustered pins, draw-a-boundary search, live filters (price, beds, type, commute), sixty-seven invented listings, saved searches in localStorage, and inspection-time booking — with a full keyboard-accessible list view.
Signal & Noise Studio — network hub with clip maker
The listening home of fictional podcast network Signal & Noise: nine shows with generative cover art, a season-filtered episode browser, a persistent waveform player that follows the transcript, and a clip maker that cuts a 15–60s window and exports it as a shareable link. Silent simulation — no audio, all craft. Full keyboard control; reduced-motion safe.
Sundial — slow-travel itinerary builder & booking
An itinerary builder for fictional slow-travel company Sundial: six fictional coastal and rail journeys, a drag-to-reorder day planner, a leg-by-leg route timeline with durations, per-day cost rollups, an all-in honest total (fee included), and a mocked-availability request flow. Plan persists locally.
Supper Series — a seat map that smells faintly of smoke
Tallow & Co. is a fictional 1987 Adelaide butcher. This demo is its ticketed long-table supper: butcher-paper art direction, a drawn floor plan of 36 chairs with party-aware contiguous seats, a 10-minute hold timer, diner details, and dashed-perforation tickets — with a full list view for keyboard and screen-reader guests.
Switchyard — a kanban board with railway manners
Switchyard is a fictional rail-ops scheduling SaaS. This demo is its product board: pointer drag-and-drop plus a full Shift+arrow keyboard shuttle, honest WIP limits, priority swimlanes, a card drawer with checklist and activity log, undo-able deletes, and everything persisted locally. Signal-box art direction — cream paper, ink black, safety orange for breaches only.
Tallow & Co. Feast Box Builder — pick, pack, send to the counter
A build-your-own providore box for the fictional Adelaide butcher Tallow & Co.: crate sizes with a live box-fill visual, a 21-item pantry of cheeses, smallgoods and preserves, curator’s-choice autofill themes, a gift-note composer with wax-seal ticket preview, and an honest delivery calendar with a real 2 pm cutoff. Cart persists to localStorage.
Telehealth booking that lowers the temperature
A complete GP video-consult booking flow for regional provider Pylon Health: plain-language triage, practitioner choice, honest availability, kind error states and a confirmation you can actually use — keyboard-first and WCAG AA.
The Glasshouse — a seat map with house lights
The Glasshouse is a fictional independent theatre. This demo is its box office: a velvet-night SVG seat map of 384 chairs across stalls, circle and wall boxes, with pan, pinch and button zoom, a colour-safe palette toggle, best-available suggestions, a 10-minute hold timer and a full list view for keyboard and screen-reader patrons.
The pack configurator that carries its own weight
A 3D pack configurator for fictional outdoor brand Osprey Outdoor: a low-poly pack assembled live from three.js primitives, fabric and colourway swaps, torso-fit sizing, an exploded carry view and shareable URLs — with a full spec-sheet 2D fallback for reduced motion.
Tidal Games — indie game storefront
A neo-arcade storefront for fictional publisher Tidal Games: seeded-canvas cover art and screenshots, platform/genre/price filters, a wishlist, regional AUD/NZD/USD pricing, discount codes, and a mock checkout that issues fake game keys.
Trailswell — habit tracker
A warm risograph-print habit tracker for fictional wellness brand Trailswell: stamp your daily check-ins, a thirteen-week footprint heatmap, per-habit seven-day rings, an honest weekly review, and localStorage persistence with JSON export.
In the oven right now — cases made public the moment they pass our own Friday demo bar.
- Copperplate DS — living design-system docsCopperplateIn the oven