Alle Bereiche

Bereich 01 · 12 Arbeitsproben

Für Betriebe

Buchung, Speisekarte, Kostenrechner, Bewertungen, Anfrage-Strecke. Jedes Modul funktioniert und lässt sich so in eine echte Seite übernehmen.

35

Mission Control

Echtzeit-Observability-Dashboard (Bloomberg/NASA-Stil): Live-Charts, KPI-Counter, Welt-Ping-Karte, Event-Stream, Gauges — alles aus einem zentralen Tick.

DashboardLive-ChartsRealtime
39

Live-Buchungssystem

Voll funktionierendes Reservierungs-Modul: Tisch (Restaurant), Zimmer (Hotel) und Termin (Physio) mit Kalender, Echtzeit-Verfügbarkeit und Bestätigungs-Flow.

BookingKalenderReal-World
41

Produkt-Konfigurator

Modulares Sideboard in Echtzeit-3D konfigurieren: Holzart, Akzent, Module, Untergestell, Griffe — Live-Preis, 360°-Drehen, Anfrage-Flow. R3F.

R3FKonfiguratorLive-Preis
42

Vorher / Nachher

Der Sales-Pitch als Demo: draggbarer Vorher/Nachher-Slider zwischen alter & moderner Seite, animierte Ladezeit-Balken und hochzählende Lighthouse-Gauges.

Compare-SliderSpeedLighthouse
43

Digitale Speisekarte

Interaktives Menü mit Allergen-/Vegan-Filtern, Warenkorb mit Mengen-Stepper und laufender Summe, simulierte Bestellung. Für Gastro-Kunden.

MenüWarenkorbFilter
44

Standort & Zeiten

Kontakt-Modul mit handgebauter SVG-Karte, Live-Öffnungsstatus aus der Uhrzeit („schließt in 2 Std“), Öffnungszeiten-Tabelle und Route/Anruf-Buttons.

SVG-KarteLive-StatusRoute
45

Kosten-Rechner

Interaktiver Kostenvoranschlag für Handwerk: Gewerk wählen, Fläche & Optionen → animierter Live-Preis mit Aufschlüsselung und „von–bis“-Spanne.

RechnerHandwerkAngebot
46

Bewertungs-Wall

Social-Proof-Modul im Google-Reviews-Stil: animierter Gesamt-Score, Sterne-Verteilung, Filter, und ein Formular zum Abgeben einer Bewertung.

ReviewsSterneSocial Proof
47

FAQ Hilfe-Center

Durchsuchbares Hilfe-Center mit Sofort-Filter (diakritik-insensitiv, Treffer-Highlight), Kategorien, Accordion und „War das hilfreich?“.

Live-SucheAccordionSupport
48

Galerie-Lightbox

Filterbare Referenz-Galerie (Masonry) mit Lightbox: Prev/Next, Keyboard, Fokus-Trap — inkl. Vorher/Nachher-Kacheln mit eigenem Slider.

GalerieLightboxFilter
49

Anfrage-Funnel

Mehrstufiger Lead-Funnel: Anliegen → bedingte Details → Kontakt → Übersicht, mit Fortschritt, Schritt-Validierung und animierter Bestätigung.

FunnelWizardLead
50

Gutschein-Reveal

Lead-Capture mit Twist: Anmeldung → Rubbel-Gutschein auf Canvas, Code-Copy und Konfetti. Echter Text unter dem Rubbel-Layer (a11y).

NewsletterRubbelnKonfetti

Nächster Bereich

Neue Seitenkonzepte

Websites, die anders funktionieren als Scrollen