Die Stulle website on a laptop on a green sofa: food photos with an avocado Stulle and bowls

Case studyCafé & breakfastDie Stulle, Berlin

A café you can
taste online.

For Die Stulle at Savignyplatz, Kulimo designed a website that convinces with plates rather than words: large photos of Stullen, bowls and cakes, menus as tabs instead of a PDF, and a reservation button that stays visible on every page – plus clear paths to catering, vouchers and the event location.

No obligation15 minutesReply by email or call

Client
Die Stulle, Berlin-Charlottenburg
Industry
Café, breakfast & lunch
Services
UX/UI · Web design · WordPress
Devices
Desktop, laptop & smartphone

Starting point

Guests order
with their eyes.

Die Stulle is a “Lecker Essen Manufaktur” in Berlin-Charlottenburg: breakfast and lunch with creatively topped Stullen, bowls and homemade baking from seasonal, regional ingredients. Guests’ questions are simple – what is there, what does it cost, when is it open – and a hospitality template with a PDF menu answers them poorly.

The website focuses every page on three actions: view the menu, book a table, request catering. Breakfast menu, breakfast extras, weekly menu and drinks sit as tabs on one page, with vegan and gluten-free labels. Address, phone and opening hours appear on every page.

  • Plates, not words

    Large photos of Stullen, bowls and cakes.

  • Menus as tabs

    Four menus on one page, with vegan and gluten-free labels.

  • Reservation visible

    The reservation button stays in view on every page.

  • Info on every page

    Address, phone and opening hours in the header.

In detail

The website
in detail.

Laptop by a pool with the “Menu – All Day” page of Die Stulle

Specification

View
Menu
Device
Laptop

Feature 01

A menu
instead of a PDF

The menu is a real web page with categories, descriptions and prices. The team maintains breakfast menu, extras, weekly menu and drinks itself in WordPress.

Smartphone with the Die Stulle reservation: party size, day and time slots

Specification

View
Reservation
Device
Smartphone

Feature 02

Book a table
by time slot

Guests choose party size, day and a free time in an embedded reservation widget. Above it sit the phone number and a warm greeting from the team.

Smartphone with the “Bowls & Porridge” menu, toppings and prices

Specification

View
Menu
Device
Smartphone

Feature 03

Bowls & porridge
on mobile

On the smartphone the menu stays readable without zooming, with toppings, prices and labels such as “gluten-free”. At the bottom a bar with a phone button leads to a call.

Laptop on green slats with “Unsere 3 beliebtesten Highlights” and “Qualität & Gastfreundschaft”

Specification

View
Home page
Device
Laptop

Feature 04

Highlights and
hospitality

“Unsere 3 beliebtesten Highlights” shows favourite dishes as images; below, “Qualität & Gastfreundschaft” explains the house’s values. Seasonal sections such as “Winter Highlights” keep the page current.

The solution

One website,
three jobs.

Each layer answers a question guests have before their visit.

  • Make people hungry

    Food photography at the centre, text steps back.

    Effect

    Guests see what to expect

  • Make the menu readable

    Tabs for breakfast, extras, weekly menu and drinks, plus a PDF of the weekly menu.

    Effect

    Readable without zooming

  • Lead to the table

    Reservation with time slots, plus paths to catering, vouchers and the event location.

    Effect

    More than just a visit

Can your menu be read on a smartphone without zooming? We will show you in 15 minutes.

Request an intro call

Fine-tuning

Details that carry
the website.

The character of the page comes from a few elements that are repeated consistently.

  • Mint green

    A fresh mint green frames photos and headings.

  • Serif headlines

    Headings such as “Der beste Apfelkuchen in Berlin” are set in a warm serif.

  • Labels

    Vegan and gluten-free dishes are marked right in the menu.

  • Phone button

    On mobile a round phone button sits in the middle of the bottom bar.

  • Journal

    “Lesen, Lernen, Genießen” introduces the journal with recipes and news.

  • Event location

    A page of its own shows the hire for up to 100 guests.

Process

From briefing to
launch in four phases.

Iterative, with feedback after every phase.

  1. Phase 01

    Concept

    Information architecture around the guest’s path from first look to reservation.

  2. Phase 02

    Interface design

    Calm typography, mint green and generous food photography.

  3. Phase 03

    Prototyping

    Menu tabs and reservation and enquiry paths tested in a prototype.

  4. Phase 04

    Build

    Built on WordPress so the team maintains menus, images and offers itself.

Scope of work

What the project
included.

Concept, design and build of the Die Stulle website – from the home page to the event location.

  • UX concept and information architecture
  • Interface design with mint green and food photography
  • WordPress build
  • Menus as tabs with vegan and gluten-free labels
  • PDF download of the weekly menu
  • Online reservation with time slots
  • Catering, vouchers and event location
  • Journal
  • Layout for desktop, laptop & smartphone

Technology WordPress

FAQ

Frequently asked questions

How much does a website for a café cost?

The investment depends on the scope: number of menus, reservation and sections such as catering, vouchers and events. Kulimo develops custom concepts and gives you a clear budget range in the intro call.

Can the café team update the menu itself?

Yes. At Die Stulle the team maintains menus, the weekly menu, prices and labels such as vegan or gluten-free itself in WordPress, without an agency.

Can reservation, catering and event hire live on one website?

Yes. At Die Stulle table reservation, catering and delivery requests, voucher orders and hire of the event location for up to 100 guests are each a clearly linked path of their own.

Your project

Your café deserves
a website with appetite.

In a free 15-minute intro call we clarify scope, timeline and investment. Afterwards you know exactly what your website needs.

  • No obligation
  • 15-minute call
  • GDPR-compliant