Marram Bakehouse

What the design solves

1. 01

   Answer the morning questions first

   Most visits to a bakery website happen on a phone, shortly before someone sets off. The homepage puts today's opening hours, the breakfast cut-off and the takeaway hatch in one band under the hero, so nobody has to scroll to find them.

2. 02

   A bakes list the counter can keep honest

   Each bake shows one of three states: on the counter, out at a set time or sold out today. Staff change it from a phone in a couple of taps, so the page stays true through the morning and saves a wasted trip for the last seeded rye.

3. 03

   Allergens beside every item

   The main allergens sit under each bake rather than on a separate page, and the footer points people to the counter for full details. It is a small thing that matters a great deal to anyone shopping for a child or a friend with an allergy.

4. 04

   Ordering ahead without a full online shop

   A small bakery rarely needs a basket and delivery. The design offers one simple action instead: order bread by a cut-off the day before and collect it from the counter, which suits how the business already works.

5. 05

   Crust, straw and harbour blue

   The palette takes its colours from a dark bake and the marram grass on the dunes, with a harbour blue for the practical details. A photo of fresh loaves fills the hero, with the welcome on a card over it, because the bread is the reason to come in. Further down, a bowl of lunch and a hatch coffee show the café side of the business.

6. 06

   A friendly serif with a sturdy body

   Young Serif gives headings a warm, slightly old-fashioned shopfront feel, and Figtree keeps opening times, allergens and prices easy to read at small sizes.