Demos

Schau es dir an, bevor du es bestellst.

Für jede Branche bauen wir eine komplette Beispielseite - fertig, live und bis ins letzte Detail gestaltet. Nicht als Bild, sondern als echte Website, durch die du scrollen kannst.

Alle Demos sind erfundene Betriebe. Namen, Preise und Adressen sind frei erfunden - die Technik dahinter ist es nicht.

01Restaurant / Pizzeria

FUOCO

Eine neapolitanische Pizzeria in Berlin. Cinematisches Scrollytelling vom Mehl bis zum Ofen, ein Teigling in echtem 3D, eine Karte, die beim Drüberfahren aufblüht - und ein Spachtel als Mauszeiger.

  • Ein Hero über drei Kapitel: Farina, Pomodoro, Fuoco - komplett vom Scrollen gesteuert
  • Teigling in echtem 3D, der sich beim Scrollen zur Pizza flach zieht
  • Speisekarte, die zu jeder Zeile die passende Pizza an den Zeiger heftet
  • Eigener Mauszeiger, Filmkorn und ein Olivenöl-Faden statt Scrollbalken
ScrollytellingWebGLCustom cursorNext.js
Demo ansehen ↗
Live-Demo öffnen
02Architektur / Planungsbüro

STUDIO NORD

Ein Architekturbüro in Berlin. Das Gegenstück zu FUOCO: kein Effektfeuerwerk, sondern Ruhe, Raster und Präzision. Ein Grundriss zeichnet sich beim Scrollen Schicht für Schicht auf - und wird am Ende zum Foto des Raums.

  • Sichtbares Raster, grosszügige Ränder und Metadaten wie auf einem Bauplan
  • Grundriss in SVG, der sich in sieben Ebenen aufbaut und in die Fotografie überblendet
  • Bestand und Sanierung als Vorher-Nachher-Wischer, gesteuert vom Scrollen
  • Fadenkreuz-Zeiger mit Koordinaten, Kontaktbogen und ein Haus über fünf Tageszeiten
Editorial GridSVG-GrundrissScroll-SequenzenNext.js
Demo ansehen ↗
Live-Demo öffnen
03Fitness / Trainingsstudio

FORM TRAINING CLUB

Ein unabhängiges Trainingsstudio in Berlin-Kreuzberg. Die erste Demo über drei Seiten: Startseite, Studio und Training. Ein Arbeitssatz Kreuzheben läuft über drei Bildschirme Scroll ab, der Grundriss wird zur Navigation, und das Probetraining ist in vier Schritten gebucht.

  • Drei verbundene Seiten statt einer - mit gemeinsamer Kopfzeile, Buchungsleiste und Fusszeile
  • Ein Kreuzheben-Satz, der beim Scrollen abläuft: Gewicht, Skala und Bild folgen derselben Kurve
  • Grundriss als Navigation - sechs Zonen, die sich beim Überfahren erklären
  • Wochenplan mit Filter und Sessiondetails, Probetraining als vierstufige Strecke
Drei UnterseitenScroll-SequenzenBuchungsstreckeNext.js
Demo ansehen ↗
Live-Demo öffnen
04Steuerberatung / Kanzlei

KERN & PARTNER

Eine Steuer- und Unternehmensberatung in Hamburg. Die stille Demo über vier Seiten: kein Effektfeuerwerk, sondern Informationsdesign. Eine Seite Buchhaltung ordnet sich beim Scrollen zu drei Fragen, eine gewachsene Beteiligungsstruktur sortiert sich unter eine neue Holding, und ein Jahresabschluss wird Zeile für Zeile zur Entscheidungsgrundlage.

  • Vier verbundene Seiten - Start, Leistungen, Expertise und Kanzlei mit gemeinsamer Kopfzeile
  • Kontenjournal, das beim Scrollen Spalten verliert, bis eine Zeile und drei Fragen bleiben
  • Holdingstruktur als SVG-Diagramm, das sich vom Ist-Zustand in die neue Ordnung bewegt
  • Aufnahmebogen statt Kontaktformular, aufklappbare Leistungszeilen und ein Beratungsjahr
Vier UnterseitenInformationsdesignScroll-SequenzenNext.js
Demo ansehen ↗
Live-Demo öffnen
Als Nächstes

Deine Branche ist noch nicht dabei?

Wir bauen die Reihe Stück für Stück weiter. Sag uns, in welchem Geschäft du bist - oder überspring die Demo und lass uns direkt über deine Seite sprechen.

Projekt starten →