servd.

Two-sided dining platform — built solo, end to end, with AI as the engineer.

servd.netlify.app
⇧   ⤴
Product Design UX Research UI Front-End AI Pairing

A two-sided platform that takes the busywork off chefs' plates so they can focus on cooking — built solo with AI as a real collaborator. Press play above for the tour.

Chefs cook. Servd does everything else.

The marketplace category Servd lives in is full of products built for the diner. Pretty profile pages. Polished checkout flows. The chef — the person whose entire week is on the line every Saturday night — gets a spreadsheet and an inbox of half-answered questions.

So the design started on the chef side. What does a Saturday night look like before this product, and what does it look like after? Every screen, every automation, every default was decided against that question.

The result is a CRM that runs the booking, a Menu Lab that writes the first draft of the night, and a payments layer that closes itself. Four emails of back-and-forth, gone. The chef shows up to cook.

Live UI · 01 / Chef dashboard

A Saturday night, at a glance.

servd.netlify.app/chef_dashboard

Tonight, Saturday

Welcome back, Chef Christopher.
Tonight's bookings
3 +1 vs last Sat
Confirmed revenue
$1,140 +18%
Menus auto-drafted
3 in 7s
Tonight's bookings View all →
5:30PM
The Hartleys · Anniversary, party of 2
3 courses · paired · no shellfish · $145/pp
Confirmed
7:00PM
M. Ramirez · Birthday, party of 8
4 courses · vegetarian-friendly · $175/pp
Menu drafted ✦
9:15PM
D. Boyle · Cooking Lab, party of 6
Hands-on pasta · gluten-free option · $115/pp
Awaiting deposit

Tonight's punch-list (auto-built)

Confirm The Hartleys 24h ahead2h ago
Send grocery list to chef inbox2h ago
Approve Ramirez menu draftdue 4 PM
Request Boyle depositdue 5 PM

You vs. last week

−3.2 hours of busywork

Time we automated this week so you didn't have to. That's roughly four emails per booking, gone.

Tonight, bookings, the punch-list, the payout pulse. Everything a chef would otherwise live across an inbox, a notes app, a spreadsheet, and a calendar — one screen, one mental model.

Four emails. Zero typing.

The longest part of any chef's week isn't the cooking. It's the negotiation — the back-and-forth with a client trying to settle on a menu, a price, a few dietary asks, and a window of time. Four emails per booking is conservative. For a chef juggling six bookings a week, that's most of a workday gone before they've touched a pan.

The Menu Lab does that conversation in one panel. The chef types the brief once: occasion, head-count, dietary, budget. The Lab returns a draft menu, ingredient list, and pricing in a couple of seconds. The chef edits, sends, and moves on. The client gets a polished proposal; the chef gets their afternoon back.

Live UI · 02 / The Menu Lab

The chef types the brief. The Lab writes the menu.

Suggest a menu
Occasion Anniversary dinner for two
Dietary
No shellfish Vegetarian Gluten-free Wine pairing
Budget per person $145
Generated · 2.4s
Course 01

Persimmon & ricotta crostini

Toasted brioche, whipped honey ricotta, persimmon, balsamic, black pepper.

Course 02

Wild mushroom risotto

Carnaroli, porcini cream, shaved parmigiano, finishing oil from Liguria.

Course 03

Five-hour braised short rib

Bone-in, red wine reduction, parsnip purée, roasted root vegetables.

3 courses · paired $285 / pair

A chef types the brief; the Lab returns a draft menu, ingredient list, and pricing. The chef edits and sends. Four emails of back-and-forth, gone.

Live UI · 03 / Diner-side booking

Some nights deserve more than a reservation.

What are you looking for?
A multi-course tasting dinner cooked in your home — chef brings everything.
Sat, Jun 7
7:00 PM
6 guests

Click the tabs — the hint, the field shape, and the CTA all rewrite themselves. Same widget that runs on the live home page.

A two-sided marketplace, end to end.

The booking pill above is the first 30 seconds. Underneath, Servd is a real product across two audiences. Diners pick an occasion, browse vetted chefs, hold a date with a 20% deposit, and rate the night after. Chefs apply, get vetted, build menus in a tool I call the Menu Lab, and run their bookings from a kitchen-side dashboard.

And every booking triggers a one-for-one meal donation in the same city — not as a checkout add-on, but baked into the brand promise.

11

Pages shipped

2

Sides of marketplace

4

Service types

1:1

Meal-match per booking

Live UI · 04 / Chef discovery

Finding your perfect chef.

Chef Christopher Christopher's signature dish
French · Tasting
Christopher J.
Duck two ways with cherry gastrique
Chef Richard Richard's signature dish
Italian · Family-style
Richard H.
Grandmother's bolognese, six hours slow
Chef Erin Erin's signature dish
Pacific NW · Seasonal
Erin B.
Whatever the market gives me on Tuesday

Hover a card — the portrait fades into the chef's signature dish.

Card-level interaction is where most marketplaces phone it in. This one tells you what you're going to eat before you click.

I drove. Claude was in the passenger seat.

The interesting part of this project isn't that I shipped it. It's how. Twelve years of design instincts plus an AI partner that could take a clear instruction and write the code while I kept my eyes on the road.

I treated it like any product engagement, just compressed:

  • Research — Studied private-chef marketplaces, what diners actually want when they book, what chefs hate about existing platforms. Mapped the value gaps.
  • Concept — Wrote the brief in plain English. The line "some nights deserve more than a reservation" came out of that document and never moved.
  • Story — Sketched the diner journey, then the chef journey, then the moments where they collide. Worked in flows before screens.
  • System — Defined tokens (color, type, motion) before opening any HTML file. The orange dot is the only "decorative" thing in the whole product — everything else is structural.
  • Build — Authored the front-end in plain HTML/CSS/JS, no framework. AI handled the typing; I handled the calls — what to add, what to remove, when "good" was good enough.
  • Ship — Deployed to Netlify. Iterated based on what felt off when I actually used it.

The shift wasn't that AI replaced engineering. It's that the design decisions stopped getting lost in translation. When I wanted a hover state to feel like a held breath, I could go make it feel that way without filing a ticket.

A good designer who can ship is worth ten engineers who need a spec.

— The thesis, in one sentence

What I owned, end to end.

Most "designer who codes" stories stop at a styled landing page. Servd is a working product across two audiences, so the surface area was the point. Here's the bill of materials.

Diner flow

index · occasion · chef_profile · checkout · confirmed · review · diner_dashboard

Chef flow

for_chefs · chef_signup · chef_menu_lab · chef_dashboard

Front-end

Hand-authored HTML, modern CSS (custom properties, grid, container queries), vanilla JS for interaction. No framework. Lightweight on purpose.

System

Type scale, color tokens, spacing rhythm, motion easing, mobile drawer pattern, sticky-nav pattern, search-and-filter pattern.

Media

Hero video (compressed for web), poster fallback, AI-directed photography for chef portraits and signature dishes — every asset on-brand.

Deploy

Static hosting on Netlify. Continuous deploy on push. Public URL: servd.netlify.app.

One booked night, one fed neighbor.

The product is a luxury experience by design — multi-course tasting menus in your home aren't cheap. So I baked the counterweight in from day one: every experience a diner books triggers a one-for-one meal donation in the same city.

It isn't a checkbox at checkout. It's the whole reason a diner can feel good about spending money on a meal that costs more than groceries for a week:

Brand promise

For every experience you book, we match it one-for-one — providing a meal to someone in need in your city. No extra cost. No catch. Just a better reason to celebrate.

[ 08 ] Outcome

The bet held. Eleven pages. Two audiences. Live on the internet, deployed by the same person who wrote the brief, sketched the screens, picked the type, and shipped the code — in days, not quarters.

See it live
[ Up next ]
Nido