Ausgewähltes Projekt Case Study — Crepe-Catering Hamburg

Crepe 'n'
Roll

Premium-Webauftritt für handgemachtes Crepe-Catering in Hamburg — mit eigenem CMS, Catering-Anfrageformular, verwaltbarer Speisekarte und einer frame-basierten Scroll-Animation, die das Markenerlebnis greifbar macht.

Handgemacht Premium-Catering Events & Feste Hamburg
Crepe 'n' Roll Logo — Handgemachtes Crepe-Catering Hamburg
https://crepenroll.de
Crepe 'n' Roll Website — Homepage Screenshot
crepenroll.de — Speisekarte
Crepe 'n' Roll Website — Speisekarte
crepenroll.de — Inhalte
Crepe 'n' Roll Website — Weitere Sektion
FEATURES

Was gebaut wurde

Eigenes CMS

Tiptap-Editor — Speisekarte, Blog-Artikel und Seiteninhalte eigenständig pflegen

Catering-Anfragen

Mehrstufiges Anfrageformular mit Sofortbestätigung per E-Mail

Speisekarte

Verwaltbare Speisekarte mit Kategorien, Preisen und Allergenen

Scroll-Animation

Frame-basierte Animation mit 4 Varianten — immersives Markenerlebnis

Bildergalerie

Galerie für Events und Produkte — verwaltbar im Admin-Panel

Lokale SEO

Strukturierte Daten, optimierte Meta-Tags und Hamburger Fokus

<TechStack />

Verwendete Technologien

Next.js 16 Framework

App Router, Server Components, optimierte Ladezeiten

React 19 UI Library

Server Actions, useActionState, interaktive Komponenten

TypeScript Sprache

Strict mode, vollständige Typsicherheit im gesamten Projekt

Tailwind CSS v4 Styling

@theme Tokens, responsive Design, konsistentes Farbsystem

Supabase Datenbank

CMS-Backend, Row-Level Security, Echtzeit-Daten

Tiptap CMS Content

Rich-Text-Editor im Admin-Panel — Speisekarte und Blog eigenständig pflegen

Resend E-Mail

Transaktions-E-Mails und Bestätigungen für Catering-Anfragen

Lenis Animation

Frame-basierte Scroll-Animation mit 4 Varianten

ENTWICKLUNGSPROZESS

Von Briefing zum Launch

01

Discovery

Woche 1
Anforderungsanalyse Markenidentität verstehen Wettbewerber-Research
02

Branding & Logo

Woche 2
Logo-Konzept Farbsystem (Warm, Schokolade, Creme) Logo-Paket mit allen Varianten
03

Design

Woche 3
Warmes Farbschema Food-Photography-Inszenierung Mobile-First Layouts
04

Development

Woche 4–7
Next.js 16 App Router Frame-Animation-Pipeline Admin-Panel mit 22 Seiten
05

Content & Launch

Woche 8
Speisekarte einpflegen SEO-Optimierung Deployment & Go-Live

Selbst verifizieren

Alle Aussagen sind öffentlich nachprüfbar

Ähnliches Projekt in Planung?

Wir bauen professionelle Websites für Gastronomen, Caterer und Food-Unternehmen — mit eigenem CMS, Online-Anfragen und nachweisbarer Performance.