Skip to content
Nerdsharks
Free site auditBook a call

Our work · Cafés & Coffee Shops · Exeter

Bloom Street Café

A small iced-drinks and coffee bar on Gandy Street in Exeter, run by two sisters who started with a matcha cart at the Saturday market. Most of their trade is students and office workers who decide what to drink while walking past, so the site has one job: make the four signature iced drinks look irresistible on a phone, show the price straight away, and get people ordering ahead instead of queueing out of the door at lunchtime.

The Bloom Street Café website on a phone

Why it looks like this.

The drinks are the brand, so the page treats them like product launches. The hero is a pinned scroll scene: one tall iced drink in a rounded window, with real ingredient photos in white tiles floating round it. As you scroll, the drink swaps from matcha to strawberry, mango and iced mocha. The cup rises out of frame, the next one lifts in, the ingredient tiles slide away and are replaced, and the whole ground shifts to that drink's colour, with the name, price and notes changing in step. A four-step progress rail shows where you are. It is built in CSS scroll-driven animation, with a sub-2KB script as a fallback for browsers that lack it, and anyone who prefers reduced motion gets a still hero and the full menu below. Young Serif gives it a friendly, slightly retro café-sign voice; Inter Tight keeps prices and menus crisp. Cream (#FBF6EC) is the constant between the four drink colours, so the page never looks like four different sites.

Palette

Cream#FBF6EC
Matcha#6B8E4E
Strawberry#E4576E
Mango#F2A33A
Mocha#6B4430
Espresso ink#241A14

Typography

Display
Young Serif
Body
Inter Tight

On the page

  • Home
  • Menu
  • Order ahead
  • Stamp card
  • Visit us

What this build does differently.

Pinned drink-swap scene

The four signature drinks are the reason people come in. Scrolling through them one at a time, each with its colour, ingredients and price, does the job of a menu board and a product shoot at once.

Order-ahead flow up front

The lunchtime queue is the biggest complaint in reviews. Pushing order-ahead in the nav, the hero and a three-step explainer turns the queue into a reason to use the site.

Build-your-drink picker

Milk and sweetness questions slow the till down. Showing the options (and that oat milk costs nothing extra) before people arrive shortens every order.

Digital stamp card

A loyalty scheme gives regulars a reason to come back to the site, not just the counter, and replaces the paper cards that go through the wash.

Allergen and milk notes on every drink

Customers ask about dairy and nuts all day. Listing it next to each price answers it before anyone asks.

Want something like this for your business?

£299 setup, then £99 a month. Live in 3 working days. Tell us what your business does - we reply the same working day.

From £99 a monthBuilt from scratch · live in 3 working daysBook a call