Request a consultation

No. 13 · Bakery & café

Maple Row Bakery

A neighborhood bakery website laid out like a morning newspaper, with a live oven schedule, an order-ahead menu and a custom cake form that knows the rules.

Open the live concept All work
Classification
Independent concept
Business
Maple Row Bakery (fictional)
Project type
Single-page website concept
Year
2026
Type
DM Serif Display, DM Sans
Desktop view of the Maple Row Bakery concept, styled like a newspaper: a large serif masthead, a section bar, and three columns with pickup details, an oven schedule headed "Still warm: what's coming out of the oven", and notes from the counter.
Desktop, first screen. Real screenshot of the concept site.

The brief

Design a website for a small neighborhood bakery. Regulars want to know what's fresh right now; new visitors want the menu, the hours and an easy way to order ahead. Custom cakes need two days' notice, and the bakery is closed on Mondays, so the site should stop people from asking for something the bakery can't do.

Goals

  1. 01Show what's fresh right now
  2. 02Make pickup ordering simple and visible from the start
  3. 03Handle custom-cake rules before the bakery has to
  4. 04Give the bakery a personality that feels local, not corporate

On every screen

Designed for phones first

The Maple Row concept on a phone, with the masthead, section links and today's oven schedule.
The menu on a phone, with section tabs, dietary filters and Add buttons.
Phone, 390 px wide.
The full Maple Row homepage on desktop, with the front page, menu and pickup basket, custom cake form and visit details.
Desktop, the whole page. Scroll inside the frame to see it all.

The work

The approach

A neighborhood bakery is part of people’s morning routine, like the paper used to be. So the site borrows from a newspaper front page: a dateline with today’s date and opening status, a big serif masthead, a section bar, and three columns. The lead story is the most useful thing a bakery can tell you: what’s coming out of the oven, and when.

DM Serif Display gives the masthead and headlines a classic, inky feel; DM Sans keeps prices and times easy to read. Cocoa, cream, raspberry and butter look good enough to eat without looking like a candy shop.

Decisions worth noting

  • Fresh, right now. The oven schedule marks each batch as out now, next (with minutes to go) or later. After closing, it says “Again tomorrow”.
  • Pickup above the fold. Ordering ahead is in the first column, not hidden in the menu, because that’s what busy customers want first.
  • The form knows the rules. Custom cakes need 48 hours and the bakery is closed on Mondays. The date field explains both, and suggests the earliest possible day, before anyone sends a request the bakery would have to turn down.
  • Honest about allergies. Items are marked vegan or made without nuts, with a clear note that everything comes from one shared kitchen.

How it’s built

One static page. The menu tabs follow the standard keyboard pattern for tabs. The basket, filters, oven schedule and cake rules are plain JavaScript. Fonts are self-hosted.

What would change for a real client

The bakery’s real menu, prices and baking times, photos of the actual bakes, and a connection to their point-of-sale system for online orders and payment.

What’s on the site

Features actually built

  • Newspaper-style masthead, dateline and three-column front page
  • Oven schedule that marks what's out now and what's coming next
  • Menu with tabs, vegan and nut-free filters, and an order-ahead basket (sample prices)
  • Custom cake form with size, flavor, message counter and pickup-date rules (48 hours, not Mondays)
  • Allergy note that's honest about a shared kitchen
  • Order and cake requests (demonstration only, nothing is sent)

Palette

  • Cocoa#3D2418
  • Cream#FFF7EC
  • Raspberry#B4235A
  • Butter#F3D27A