🍺 Pub & Bar · Fitzroy, Melbourne
Fitzroy's neighbourhood pub
Research Phase
Before writing a single line of code, our research agent studied The Commoner — their current website, social presence, reviews, team, and services. Here's what stood out.
20+ rotating craft taps — one of the largest rotating craft beer selections in Fitzroy
Vibe is described as 'speakeasy meets Fitzroy indie' with vinyl on the turntable, exposed brick, and dim lighting
Open until 1am Thursday through Saturday — genuinely a late-night destination, not just an after-work pub
Design Phase
Every design decision was intentional — informed by the research, not pulled from a template library.
Visual Direction
Dark, moody palette with CSS variable-driven theming, rose-muted accent colour, lowercase display typography, and a late-night atmosphere.
Design Rationale
The Commoner is the kind of pub where you show up at noon for a pint and somehow it's 1am. The dark, moody design with lowercase typography ('the commoner' — no capitals) captures that effortlessly cool Fitzroy energy. It doesn't try too hard because the pub doesn't either.
Build Phase
Site Architecture
// Next.js App Router
Methodology
Spark (research agent) scraped The Commoner's current website, Google reviews, social media, and business listings. Every piece of real data — team names, service pricing, business hours, unique details — was extracted into a structured profile.
Based on the research, a bespoke design direction was created specifically for The Commoner. No templates — the typography, color palette, layout patterns, and visual effects were all chosen to match this business's personality and industry.
Pixel (design agent) built the entire 6-page Next.js application from scratch — 2 custom components, real content from the research phase, App Router with proper routing, and production-grade code.
Sentinel (QA agent) verified the build compiles cleanly, checked for placeholder content, validated all routes render correctly, and confirmed the design is unique (not recycled from another demo).
Additional Notes
Research sourced from thecommoner.com.au, Google reviews, and social media profiles. All business data — services, team, pricing, hours — extracted and verified from public sources.
More from the experiment
This case study is part of the AI Web Lab — a 30-day experiment where AI agents build bespoke websites for real Melbourne businesses. Every site is researched, designed, and built from scratch by a team of five specialist AI agents. The full methodology, code, and results are documented transparently.
This study is being prepared for publication as part of a research paper on AI-assisted web development at scale.
We built The Commoner's site in 4 minutes. Same process, same quality — a custom website built for you, not a template.