🏨 Hospitality · Malvern, Melbourne
Coffee Crafted with Character
Research Phase
Before writing a single line of code, our research agent studied 30 Mill Espresso (Thirty Mill) — their current website, social presence, reviews, team, and services. Here's what stood out.
Named after the 30 millilitres in an espresso shot — founder James Laskie built the entire cafe concept around coffee obsession, per Broadsheet Melbourne coverage
Now run by sisters Monique, Tash and Michelle Moussi, who brought Mediterranean family influence into the menu alongside Melbourne brunch classics like Brioche French Toast ($22) and Avocado & Feta Smash ($22)
4.5 stars from 357 Google reviews, operating from 66 Milton Parade near Tooronga Station — serving both commuter takeaway coffee and neighbourhood dine-in brunch 7 days a week
Design Phase
Every design decision was intentional — informed by the research, not pulled from a template library.
Visual Direction
A 6-page brutalist-inspired design built with 9 custom components across home, about, menu, gallery, contact, and order/book pages. The bespoke RushPredictor component lets visitors check predicted busy periods before visiting — a practical tool for a cafe that balances commuter rush and leisurely brunch crowds.
Design Rationale
Thirty Mill straddles two audiences: morning commuters grabbing takeaway near Tooronga Station, and locals settling in for a Mediterranean-influenced brunch. The brutalist visual language — evident in BrutalistButton and BrutalistDivider components — gives the site personality that matches the cafe's specialty-coffee-first identity, while the RushPredictor directly addresses the practical question of 'when should I visit?'
Build Phase
Site Architecture
// Next.js App Router
Methodology
Spark (research agent) scraped 30 Mill Espresso (Thirty Mill)'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 30 Mill Espresso (Thirty Mill). 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 — 9 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 drew from 11 sources including the thirtymill.com website, Broadsheet Melbourne coverage, Google Maps listing, and menu image OCR extraction. Data completeness rated medium — the Brave Search API quota was exhausted during research, so discovery relied on direct site fetches and browser snapshots. Menu pricing was extracted via OCR from published menu images. The Broadsheet article provided key historical context about the founding story and ownership transition.
For Reference
30 Mill Espresso (Thirty Mill)'s current website: thirtymill.com
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 30 Mill Espresso (Thirty Mill)'s site in 8 minutes. Same process, same quality — a custom website built for you, not a template.