Atti Cakes is a fictional breakfast QSR built as a portfolio concept. The goal was to demonstrate end-to-end product thinking across a realistic business scenario — brand, web presence, customer experience, and AI integration — without building anything that required real infrastructure or real money.
Visit Atti Cakes →What It Is
A complete fictional restaurant brand, built from scratch: logo, food photography, menu, marketing website, and an interactive ordering experience. Everything a real QSR would need to launch a digital presence, minus the pancakes.
What I Built
- Marketing website — four pages (Home, Menu, About, Order) with a consistent design system built in plain HTML/CSS/JS. No framework, no CMS, no dependencies.
- Interactive menu with cart — every menu item opens a customization modal with size selection, add-ons, and a quantity cap. A persistent cart sidebar tracks the order across pages and the nav updates to show a cart icon with item count when active.
- Checkout flow — cart review, dummy payment card, animated processing sequence, and a generated order confirmation number.
- AI ordering demo — a fully scripted, pre-animated conversation demonstrating what a production conversational AI ordering system would look like. A complex multi-item order with extensive customizations is parsed perfectly, confirmed, paid with a saved card, and receipted with a pickup address. No live API, no cost, no risk — pure proof of concept.
Why It Matters
The ordering demo is the centerpiece. It shows not just that I can build things, but that I understand the domain — how agentic ordering systems work architecturally, what makes them hard to build well, and how to communicate that vision to someone who's never seen one. It connects directly to real production work I've done on conversational commerce at Textual.
The rest of the site demonstrates product sense: a menu with real pricing logic, customization depth that matches what a QSR would actually offer, a checkout flow that feels like a real transaction, and copy that sounds like a brand rather than a placeholder.
Stack
- Plain HTML, CSS, JavaScript — no framework
- sessionStorage for cart persistence across pages
- Vercel for hosting alongside attisomething.com
- All assets generated or designed specifically for this project