ALCHEMY BOWL
A ramen restaurant website where every pixel is as deliberate as every ingredient in the broth.
The Alchemist Bowl is a six-seat ramen counter in Shinjuku's Golden Gai. The client wanted a site that felt like sitting at the counter — dark, intimate, and obsessively detailed. We built a multi-page Next.js application with an interactive menu system, bento-grid homepage, reservation flow, and brand storytelling that treats ramen like high art.
The
Challenge
A six-seat ramen shop in a Tokyo alley doesn't need a website — unless the website is part of the experience. The challenge was building something that felt as intentional as the food without turning into a vanity project.
Translate the restaurant's obsessive craft philosophy into a digital experience without resorting to generic food-site patterns.
Build an interactive menu with categories, item detail pages, nutritional info, and add-to-tray UX — all statically generated where possible.
Deploy to Cloudflare Workers edge network for sub-second global performance with SSR for dynamic menu routes.
The
Solution
We built a cinematic, dark-themed experience using Next.js 16 with React 19 and Framer Motion. The bento-grid homepage tells the brand story through cards — each one a different entry point into the world of The Alchemist Bowl.
A dark (#181112) base with crimson (#ec1337) accents creates a moody, late-night Tokyo atmosphere. Bento-grid layout on the homepage breaks the traditional restaurant site mold. Typography is bold and uppercase with generous tracking.
Next.js 16 App Router with static generation for most pages and edge SSR for dynamic menu item routes. Deployed to Cloudflare Workers via the OpenNext adapter for global edge delivery.
Site
Walkthrough
Bento-grid layout with signature dish hero, noodle type selector, reservation CTA, location card, chef story teaser, reviews, merch drop, and newsletter signup — all above the fold.
Tabbed category system showing ramen bowls with photography, calorie counts, badges (Signature, Spicy, Vegan, Limited, New), pricing, and add-to-tray interaction.
Brand narrative page featuring the chef's origin story, 24-hour broth process, farm-to-counter sourcing, Golden Gai neighbourhood context, and press features.
Two-step booking flow with party size selection, date picker, time slots, and house rules — designed to set expectations before you walk in.
The
Results
Deployed to Cloudflare Workers edge network. Static pages load instantly, dynamic menu routes render at the edge. The site scores near-perfect across all Lighthouse categories.
Final
Reflection
The Alchemist Bowl didn't need a website that looked like every other restaurant. It needed one that felt like the place itself — dark, obsessive, and unapologetically niche. We leaned into the alchemy metaphor across every touchpoint: menu items named like chemical compounds, a chef profile that reads like a manifesto, and a reservation flow that sets house rules before you even pick a date. Next.js 16 on Cloudflare Workers gives us edge-rendered dynamic routes alongside static pages, so the menu stays fast globally even as items change seasonally. Four weeks, one pot of broth, zero compromise on atmosphere.
Want a site like this?
We build premium websites for businesses that refuse to blend in. Let us know about your project and we will get back to you within 24 hours.