Nutaro
Alle Projekte
BranchenbeispielGastronomie2025

Café Sonnenberg

Website für ein inhabergeführtes Café

Next.jsResponsiveGastronomie
Warmes Café-Interieur mit Einrichtung und Kaffee

Überblick

Café Sonnenberg ist ein Konzeptprojekt für ein inhabergeführtes Café in einer deutschen Innenstadt. Die Website soll Gäste informieren, Appetit machen und den Weg ins Lokal so einfach wie möglich machen.

Ausgangslage

Viele Gastronomie-Websites wirken veraltet, sind auf dem Smartphone schwer nutzbar oder verstecken wichtige Informationen wie Öffnungszeiten und Speisekarte. Das Café braucht einen Auftritt, der zur Qualität der Küche passt.

Ziel

Eine klare, hochwertige Website, die Besucherinnen und Besucher in Sekunden orientiert: Was gibt es zu essen, wann ist geöffnet, wie komme ich hin?

Konzept

Editorial Layout mit großzügigen Bildflächen, klarer Typografie und einer Speisekarte, die sich auf dem Handy genauso gut lesen lässt wie am Desktop. Warme Farbtöne, dezente Animationen, kein überladener Auftritt.

Designsystem

Farben

Warmes Cremeweiß als Hintergrund, tiefes Espressobraun für Texte, Terrakotta als Akzent für CTAs und Hervorhebungen.

Typografie

Serif-Schrift für Überschriften vermittelt Handwerk und Qualität. Sans-Serif für Navigation und Speisekarte sorgt für Lesbarkeit.

Anmerkungen

Bilder im 4:3-Format, großzügige Abstände, keine Stock-Foto-Ästhetik — stattdessen authentische Nahaufnahmen von Gerichten und Ambiente.

Umsetzung

Statische Seiten mit Next.js für maximale Performance. Speisekarte als strukturierte Daten, leicht pflegbar. Reservierungsformular mit einfacher Weiterleitung. Bildoptimierung und lazy loading für schnelle Ladezeiten auch bei mobilen Verbindungen.

Technischer Stack

Next.jsTypeScriptTailwind CSSFramer MotionVercel

Ergebnis

Eine Website, die wie ein gutes Café wirkt: einladend, aufgeräumt und durchdacht. Alle Kerninformationen in maximal drei Klicks erreichbar.

Learnings & Ausblick

In der Gastronomie zählt Geschwindigkeit — sowohl beim Laden der Seite als auch beim Finden von Öffnungszeiten. Weniger ist hier mehr.

Ähnliches Projekt geplant?

Wir helfen Ihnen, Ihre Idee in eine konkrete digitale Lösung zu verwandeln.