Referenz / Website

Events per du. Eine Dachmarke für Küche, Gastgeber und Vivi.

Tim Rosnau kocht für private Feiern, Firmen und Festivals und führt zwei Läden in Köln. Für seine Dachmarke haben wir eine Website gebaut, die ihn als Gastgeber zeigt: Vivi, seine mobile Küche, als Showroom in 3D, die Freund:innen, mit denen er arbeitet, sein Weg in neun Stationen und von jeder Seite aus eine Anfrage. Daneben entsteht die Betriebs-App für beide Läden.

Case lesen
Ort
Köln und Hamburg
Zeitraum
September und Oktober 2026
Leistung
Website, Vivi-Showroom, Anfragewege
Status
Fertiggestellt
04 / 04
TIM ROSNAU · REFERENZ · SYNECTOS · TIM ROSNAU · REFERENZ · SYNECTOS · TIM ROSNAU · REFERENZ · SYNECTOS

Die Seite in Bewegung

Scroll weiter, die Seite scrollt mit.

  1. 01

    Ankommen

  2. 02

    Vier Wege, Tim zu buchen

  3. 03

    Vivi kündigt sich an

  4. 04

    Zwei Läden in Köln

  5. 05

    Momente

  6. 06

    Freund:innen

  7. 07

    Eine Anfrage für alles

Erlebnis

Tim im Portrait, darunter seine Signatur, die sich Strich für Strich selbst schreibt. Der erste Knopf führt direkt zur Anfrage.

tim-rosnau.de · Startseite01 / 07

Echte Aufnahme der Startseite folgt. Das Portrait ist nach Tims Fotos KI-bearbeitet, die Szenen hinter den Vivi-Kapiteln sind als Symbolbild gekennzeichnet.

Ausgangslage

Ein Koch, zwei Läden, eine Küche auf Rädern.

Tim ist an vielen Orten zugleich: im Moselstübchen in Ehrenfeld, in der Kleinen Freiheit in Sülz, auf Firmenfeiern, Hochzeiten und Festivals. Dazu kommt Vivi, eine mobile Küche, die überall dort kocht, wo sonst nur serviert wird.

Gesucht war ein Auftritt, der alles unter einer Person zusammenhält. Wer Tim bucht, bucht den Gastgeber, nicht einen Katalog.

Der Weg zur Anfrage

Vivi, Event oder Tisch. Jede Seite endet in einer Anfrage.

Ein Formular für neun Anliegen und ein eigener Assistent für Vivi, weil die mobile Küche die meisten Fragen mitbringt. Aus jeder Leistung, jedem Laden und jeder Unterseite führt ein Knopf genau dorthin.

Assistent Vivi anfragen auf tim-rosnau.de mit den Schritten Anlass, Gäste, Wann und Wo, Kontakt
Vivi anfragen: vier Schritte
  1. 01
    Anfrage

    Erst der Anlass

    Private Feier, Firmenevent, Hochzeit oder Festival: Der Assistent fragt zuerst, worum es geht, und erst am Ende nach Kontaktdaten.

  2. 02
    Anfrage

    Gäste, Ort und Datum

    Die Angaben, die Tim für ein Angebot braucht, Schritt für Schritt statt in einem langen Formular.

  3. 03
    Vertrauen

    Ehrliche Antwort

    Nach dem Absenden heißt es angekommen, nicht bestätigt. Ein unsichtbares Feld hält Spam vom Server fern.

Anfrageformular auf tim-rosnau.de mit Auswahl des Anliegens
Event anfragen: ein Formular, neun Anliegen
  1. 04
    Anfrage

    Neun Anliegen

    Vivi, Private Dining, Firmenfeier, Catering, Kochkurs, Foodtrucks, Restaurant, Kooperation oder etwas anderes. Wer von einer Leistung kommt, findet sie schon ausgewählt.

  2. 05
    Anfrage

    Nur was zählt

    Termin, Ort, Gästezahl und Budget sind da, wenn man sie kennt, und kein Hindernis, wenn nicht.

Die Seite

Desktop und Handy, so wie Gäste sie sehen.

Echte Screenshots der Seite, keine Mockups. Was hier zu sehen ist, läuft so im Browser.

Vivi-Showroom auf tim-rosnau.de am Desktop mit 3D-Modell der mobilen Küche
01Vivi in 3D am Desktop
Vivi-Showroom auf dem Handy mit Freisteller der mobilen Küche
02Vivi auf dem Handy
Freund:innen auf dem Handy als Raster aus Partner-Logos
03Freund:innen auf dem Handy

Im Detail

Sektion für Sektion. Die Momente, die die Seite ausmachen.

Wischen oder scrollen
Vivi-Kapitel Loft, Garten, Rooftop und Galerie als horizontale Spur
01Vivi: vier Orte, an denen jetzt gekocht wird
Aufgeklappte Vivi mit acht Hotspots und Fakten-Raster
02Vivi aufgeklappt: acht Hotspots, jedes Detail erklärt
Abschnitt Technik im Detail mit den Originaltexten zu Vivi
03Technik im Detail, im Wortlaut von Tims früherer Seite
Kontaktbogen mit Fotos von Vivi im Einsatz
04Vivi im Einsatz: 23 echte Fotos mit Lightbox
Sektion Freund:innen mit zwei gegenläufigen Reihen aus Partner-Logos
05Freund:innen: acht Marken, zwei Reihen
Lebenslauf von Tim Rosnau mit einer Linie, die sich beim Scrollen durch neun Stationen zeichnet
06Mein Weg: neun Stationen an einer Linie
Galerie mit Tellern, Events und Vivi
07Galerie: Teller, Events und Vivi

Unsere Arbeit

Was Synectos gemacht hat. Und womit.

Kein Feature-Katalog, sondern die Arbeit hinter dem Ergebnis. Klapp auf, was dich interessiert.

React 19ViteGSAP / LenisReact Three FiberExpress / tRPCVitest

Ergebnis

Was zählt, steht hier mit Quelle.

23echte Fotos von Vivi im Einsatzals Kontaktbogen mit Lightbox
8Freund:innen auf der Seitevon Viva con Agua bis Underdocks
9Anliegen in einem Formularplus eigener Assistent für Vivi
199automatische Tests, grünAblauf, Formulare, Bewegung
Vivi als Showroom statt als FotoalbumFreund:innen und Weg zeigen den Gastgeber hinter der KücheNeun Anliegen, ein Formular, ein Assistent für ViviBeide Läden mit Adresse, Zeiten und Weg zur AnfrageCode und Medien beim Kunden, kein Tracking
GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN · GEBAUT · GEPRÜFT · ÜBERGEBEN

Als Nächstes im Haus

Eine App für beide Läden. Gebaut neben der Website.

Was über die Websites hereinkommt, soll nicht im Postfach liegen bleiben. Deshalb entsteht neben den Seiten eine Betriebs-App für Moselstübchen und Kleine Freiheit: Anfragen, Reservierungen, Speisekarte und Team an einem Ort, am Tresen genauso wie auf dem Handy.

  • Ein Posteingang für Tischanfragen, Nachrichten und Anmeldungen beider Läden
  • Reservierungsbuch mit Runden und Tischplan
  • Speisekarte und Öffnungszeiten bearbeiten und auf die Website freigeben
  • Dienstplan und Aufgaben für das ganze Team
Betriebs-App mit der Heute-Ansicht für Moselstübchen und Kleine Freiheit
Heute: beide Läden auf einen Blick
Reservierungsbuch der Betriebs-App mit Runden und Tischen
Reservierungsbuch mit Tischplan
Speisekarten-Bearbeitung der Betriebs-App mit Freigabe für die Website
Speisekarte mit Freigabe
01

Ein Produkt erklären, das man anfassen will

Vivi als Showroom

Wie zeigt man ein mobiles Küchenmodul auf einer Website?

Wie in einem Showroom: erst das Ganze, dann die Details, dann der Einsatz. Bei Vivi dreht sich ein 3D-Modell beim Scrollen und klappt auf, acht Punkte erklären, was drin steckt, vier Kapitel zeigen, wo gekocht werden kann, und 23 echte Fotos belegen es. Am Ende fragt ein kurzer Assistent nach Anlass, Gästen, Ort und Datum. Auf dem Handy ersetzt ein leichter Freisteller das Modell, damit die Seite schnell bleibt.

KI-generiert

Referenz / Website

Was soll bei dir als Nächstes laufen?

15 Minuten, kostenlos, am Telefon oder per Video. Danach weißt du, ob es passt und was der sinnvollste nächste Schritt ist.