Millbrook Coffee Roasters

Millbrook’s menu, its garage-roasting story and directions to Elm Court, on a sample site for a Burlington coffee roaster and café.
← All website examples
Project
Sample website
Audience
Coffee roaster and café · Burlington, VT
Scope
5 pages · design and build

The brief

Who it’s for. What it needs to do.

Give a local café a place people can get to know.

Planning a café visit is quick, and the roasting story takes longer. Millbrook makes room for both, with clear pages for the menu and directions and photographs for the feel of the place.

This is a fictional business, and everything it says about itself was written for this sample.

Design decisions

A closer look at the choices behind the pages.

Balance the offering and the atmosphere

On the menu page, a grid gives each part of the offering its own place. The homepage splits between words and a photo, and sharp buttons with a compact header give it a livelier feel.

Millbrook Coffee Roasters · Menu
Roasted in small batches, twice a week: the menu page. View full size ↗

Make room for the café’s character

The gallery’s mosaic shows more of the room than one photo can. The roasting story has its own About page, and the menu and directions are always in the navigation.

Millbrook Coffee Roasters · Gallery
The gallery headline promises a roaster, a bar and a room worth staying in. View full size ↗

The visitor’s path

From the first question to the next step.

  1. Step into the café ↗

    Burlington is in the first line, and the two buttons point to the café and the menu.

  2. Explore the menu ↗

    House Blend, a maple latte, nitro cold brew and the weekend pastry case are all on it.

  3. Look around and learn the story ↗

    Read how the roasting started in the Old North End, then look around the room in the gallery.

  4. Find the café ↗

    The contact page has the Elm Court address, the phone number and a short form for questions.

Delivered work

What’s here, and what it demonstrates.

Menu, room and story

The roasting story, the room and the menu get separate pages, and Contact holds the directions.

The menu and the room

What’s on the menu, what the room is like and how the roasting started are all covered.

Explore the website

Take a closer look at the finished pages.

The form is part of the sample and doesn’t send.

millbrookcoffee.example
Open full website ↗

Let’s make it yours.

Tell us about your business and the people you serve. We’ll plan the pages around what your website needs to do.