Fresh Kitchen — Neighborhood Seasonal Dining
Concept design for a neighborhood seasonal restaurant — live availability hero, menu that respects dietary needs, and a reservation flow that doesn't lose mobile guests.
Fresh Kitchen — Fresh food. Simple joy.
A concept design exploring how a neighborhood seasonal restaurant should bring guests through the door
This is a portfolio concept piece, not a live client engagement. We designed Fresh Kitchen to address a quiet problem in the niche: most restaurant sites are built for a Google search at noon, not for a Friday-night reservation decision at 7pm. So we built it for 7pm — live availability, menu visible without a click, and a mobile-first reservation flow.
What the design solves
The hero leads with a floating availability card — "3 tables available tonight" — pulled from a real reservation backend in production. That single number does more conversion work than any "Book Now" button. The hero photography pairs a wide environmental image with a small herb-detail inset, framed in a soft white border, anchoring the brand to seasonal cooking before any text loads.
The Menu section is the unusual part. Most restaurant sites either link out to a PDF menu (a conversion killer) or lazy-load a five-page wall of dishes. Fresh Kitchen's menu is structured as named courses with allergen icons, dietary flags, and short, honest descriptions ("a small bowl, three components, made the morning of"). It's scannable in twenty seconds.
A Slow Dinners block markets the restaurant's signature offering — multi-course tasting nights — with date pills and seat-count chips so guests can see availability without opening a calendar widget. The reservation form is short: party size, date, time, name, phone. No email-only fallback. No "tell us about any preferences" textarea that nobody fills.
Note
Design system highlights
- Live availability card anchored to the hero, with warm brown label text against a cool primary
- Serif italic brand mark signaling neighborhood, not chain
- Allergen and dietary icons integrated into menu rows (V, VG, GF, dairy-free) at a glance-readable size
- 2xl rounded corners on every image — referencing soft hospitality rather than sharp restaurant-app design
- Mobile-first reservation flow — no desktop-only modals, no "send to your inbox" friction
Stack
- TanStack Start with React 19 for SSR and streaming menu sections
- Tailwind v4
@themetokens for warm brown + primary blue scoping - Framer Motion for restrained hero stagger and reservation form transitions
- Deployed on Vercel — fast first paint matters when a guest is choosing dinner from a phone
Want this for your restaurant?
The whole system — navbar, hero with live availability, menu, slow-dinners block, reviews, reservation form, contact, hours — is rebrandable. We integrate your reservation system (Tock, Resy, OpenTable, or custom), wire up your menu management, and ship the production site in around two weeks. Start a conversation →
On This Page