ALWANTechnologies
Let's talk
ALWANTechnologies

Start a conversation

enquiries@alwantech.co.uk

Based in London — taking on new client work.

All work

Case study 09

Café — brand site

Pulp & Steam

A speciality coffee, matcha and juice bar on Ladbroke Grove with a Google listing, an Instagram and no website — so everything a customer wanted to know before walking over lived somewhere else.

Prepared for launch

Explore the project

A closer look

The website, as designed.

Pulp & Steam — Pulp & Steam homepage: iced matcha, coffee and orange juice around the line 'Fresh juice. Speciality coffee. Good energy.'

Pulp & Steam homepage: iced matcha, coffee and orange juice around the line 'Fresh juice. Speciality coffee. Good energy.'
Pulp & Steam homepage: iced matcha, coffee and orange juice around the line 'Fresh juice. Speciality coffee. Good energy.'Project image · Click to enlarge

01 The project

What we
built.

A brand site built around the three things a customer actually checks before walking over: the menu, the opening hours and what the room looks like.

02 In practice

Inside the product.

Follow the experience from first step to outcome. These interactive illustrations use example data.

Explore Pulp & Steam
The first question

What are
you having?

Speciality coffee, matcha and fresh juice. The menu is where a visit begins.

Coffee

Menu, opening hours and the feeling of the room.

Illustrative walkthrough. Example data.

1 of 3

Explore the menu

Speciality coffee, matcha and juice lead the menu. The website answers what a customer can have before they walk over.

03 Design & engineering

Behind the build.

The decisions, the working parts and what connects them.

A café site has a different job from a software product, and the difference is the whole design. Nobody asks a coffee shop for a quote, so there is no enquiry form and no calculator anywhere on it.

What there is instead: the menu, the hours, the address on a map, and a gallery of the room and the drinks. Someone deciding between this and the other three places on the road wants to know what it is like inside, and photographs answer that faster than any amount of copy.

Built to open fast on a phone from a standing start, because that is where it will be read — on the pavement outside, or a few streets away.

The working parts.

How the build is organised.

  1. Pages

    • Menu
    • Hours & map
    • Gallery

  2. Platform

    • Next.js 16
    • Vercel

Built with

  • Next.js 16
  • React 19
  • Tailwind CSS 4
  • Vercel

For a similar project

The decisions
that matter.

Design for someone deciding where to go. Menu, opening hours, location and photography answer the café visitor’s immediate questions. The mobile experience makes those details easy to find without introducing the quote forms that belong on a different kind of business website.

This build is prepared for launch; the exhibit shows the website design rather than claiming a live customer funnel. The lesson for another local business is to choose its primary action deliberately: directions and a menu for a café, a booking for a service, or a quote for a trade.

By Alwan Technologies · Updated

Have a project like this in mind?

Get in touchalban@alwantech.co.uk