Maple & Main
Demo build for a fictional classic diner in Ann Arbor. The centerpiece is a QR-friendly menu — 24 items across six categories, high contrast, sticky category navigation, weekly specials — designed to be read on a phone at the table. The site also includes a home page with hours and location, and a print-ready page that outputs a 4×6 QR table card via a dedicated print stylesheet, so the owner can print table cards without a designer.
Full case study: A diner menu that survives the QR scan, plus a table card from a print stylesheetread →
01 — PROBLEM
Most restaurant QR codes open a PDF that's unreadable on a phone. The menu is the one page a diner's customers actually use, and it's usually the worst one.
02 — APPROACH
Built the menu as the product — high-contrast, mobile-first, with a sticky category nav — and added a print stylesheet that turns a page of the site into a 4×6 QR table card the owner can print themselves.
03 — OUTCOME
A demo build for a fictional Ann Arbor diner. Scanning the printed card lands on a menu designed for the phone in your hand, not a shrunken PDF.