01
Wer eine Website beauftragt, will vorher sehen, was möglich ist — nicht nur Screenshots fremder Projekte. Eine Referenz-Liste zeigt Logos, aber kein Gefühl dafür, wie sich eine moderne Seite bedienen lässt.
← Alle Referenzen
Case Study · 09 / 09 · Showcase-Plattform
Aurora Showcase
Sechs komplette Websites. Sechs eigene Welten. Alle begehbar.
- 6 Demo-Websites
- Eigene Marke je Demo
- 3D & Shader
- Scroll-Inszenierung
- Reduced Motion
6
Komplette Demo-Websites
6
Eigene Kern-Mechaniken
6
Marken & Branchen
4
Schritte im Ablauf
Ausgangslage
Die Herausforderung.
02
Eine einzelne Demo beweist wenig: Sie könnte ein Glückstreffer sein, ein Trick, der genau zu diesem einen Thema passt. Der Beweis gelingt erst, wenn dieselbe Werkstatt sechs völlig verschiedene Welten baut — jede mit eigener Technik, jede flüssig, jede auf dem Handy benutzbar.
Lösung
Wie wir gebaut haben.
Aurora Showcase ist eine eigene Plattform mit sechs vollständigen Demo-Websites. Keine Vorlagen mit getauschten Farben: Jede Demo ist eine erfundene Marke mit eigenem Namen, eigener Branche, eigener Typografie, eigener Farbwelt — und vor allem einer eigenen Kern-Mechanik. Vom Magazin, das beim Scrollen seitwärts fährt, über eine Werkstatt mit drehbaren 3D-Möbeln und eine Seite, die auf Klang reagiert, bis zum Live-Dashboard mit echten Messwerten. Dazu zeigt die Startseite drei Branchen-Beispiele als Schnelleinstieg. Besucher klicken sich durch echte Seiten statt durch eine Präsentation — alles flüssig, auf dem Handy reduziert statt kaputt, und mit Respekt vor der Einstellung für reduzierte Bewegung.
Unter der Haut
- Next.js + React
- dasselbe Grundgerüst wie bei unseren Kunden-Websites — schnell, wartbar, auf EU-Servern betrieben.
- 3D im Browser (Three.js / React Three Fiber)
- echte 3D-Objekte und Szenen, die auf Scroll und Maus reagieren.
- Scroll-Inszenierung (GSAP ScrollTrigger + Lenis)
- Bewegung folgt dem Scrollen — ruhig, ohne Ruckler.
- Shader (GLSL)
- Effekte direkt auf der Grafikkarte, deshalb flüssig auch bei viel Bewegung.
- Reduced Motion + Mobile-Fallbacks
- wer keine Bewegung will oder ein schwaches Gerät hat, bekommt eine ruhige Version.
Features
Was alles drinsteckt.
01
Atelier Nord · Mode
Digitales Magazin einer nordischen Modemarke: Scrollen bewegt die Kamera seitwärts durch die Kollektion, wie ein Blättern im Heft.
02
Werft & Co. · Handwerk
Eine schwäbische Holzmanufaktur. Cinematischer Eintritt in die dunkle Werkstatt, Werkzeuge ordnen sich beim Scrollen, Möbel lassen sich in 3D drehen.
03
Polyglot Audio · Sprach-App
Macht Klang sichtbar: Die Seite reagiert in Echtzeit auf Ton im Browser — Aussprache wird zur Grafik statt zur Behauptung.
04
Substrat Labs · Forschung
Eine wissenschaftliche Langstrecke mit echten Lesewerkzeugen: Schriftgröße und Kontrast einstellbar, Datengrafiken mitten im Text, Quellen als Netz.
05
Halo Optics · Hardware
Produkt-Launch einer Datenbrille: Ein einziges 3D-Objekt bleibt über die ganze Seite sichtbar und dreht sich im Takt des Scrollens.
06
Forma Studio · B2B-Software
Ein Entwickler-Werkzeug mit echtem Cockpit: Kennzahlen, Diagramme, Weltkarte und ein laufender Anfragen-Feed — mit tatsächlich gemessenen Antwortzeiten.
07
Handy zuerst, ohne Bruch
Auf schwächeren Geräten werden Effekte reduziert statt abgeschaltet — keine weiße Seite, keine tote Schaltfläche.
08
Reduzierte Bewegung
Wer in den Systemeinstellungen weniger Animation wünscht, bekommt dieselben Inhalte in Ruhe. Auch das ist Barrierefreiheit.
Screens
Die wichtigsten Ansichten.
Startseite
Monitor-Hero: eine Demo-Website läuft live im Bild, Besucher sehen sofort das Ergebnis
Beispiele
Drei Branchen als Schnelleinstieg — von hier geht es in die vollständigen Demos
Demo 1 — Atelier Nord
Mode-Magazin: Scrollen fährt die Kamera seitwärts durch die Kollektion
Demo 2 — Werft & Co.
Holzmanufaktur: Eintritt in die Werkstatt, Werkzeug-Choreografie, 3D-Möbel
Demo 3 — Polyglot Audio
Sprach-App: die Seite reagiert in Echtzeit auf Klang im Browser
Demo 4 — Substrat Labs
Forschungs-Langstrecke mit Lesewerkzeugen, Datengrafiken und Quellennetz
Demo 5 — Halo Optics
Produkt-Launch: ein 3D-Objekt bleibt sichtbar und dreht sich beim Scrollen
Demo 6 — Forma Studio
B2B-Werkzeug mit Live-Cockpit: Kennzahlen, Diagramme, Weltkarte, Anfragen-Feed
Ergebnis
Was geliefert wurde.
Sechs fertige Websites, die niemand bestellt hat — gebaut, damit Interessenten vor dem ersten Gespräch ausprobieren können, wie sich eine Seite von uns anfühlt. Auf dem Desktop wie auf dem Handy, ohne Anmeldung, ohne Termin.
Jede Demo ist absichtlich eine andere Art von Aufgabe: Magazin, Marken-Site, Werkzeug, Publikation, Produkt-Launch, Software-Oberfläche. Wer seine eigene Branche nicht dabei findet, sieht trotzdem, welche Mechanik zu seinem Vorhaben passt.
Für uns ist das ein Baukasten: Was in einer Demo trägt, wandert ins Kundenprojekt. Was hier bei sechs sehr verschiedenen Welten flüssig läuft, läuft auch bei einer siebten.
Sechs Welten, eine Werkstatt — anschauen, bevor man beauftragt.
Nächster Schritt
Eine Website, die man erlebt?
Schau dir die Demos an und sag uns, welche Richtung zu deinem Betrieb passt. Wir bauen daraus eure Seite — mit dem, was wirklich Nutzen bringt, ohne Effekt-Overkill. 30 Minuten Erstgespräch, kostenlos.
Weiterlesen
Weitere Referenzen.
Dokumentenverwaltung
Nr. 01Ordnungsmeister
Schluss mit Aktenordnern und PDF-Chaos. Dokumente einscannen — die KI liest sie aus, schlägt Ablage und Schlagworte vor, alles ist sofort durchsuchbar.
- Scan-Erkennung
- Automatische Ablage
- Sofort-Suche
Case Study lesenLive ansehen ↗ (öffnet in neuem Tab)Coaching-Plattform
Nr. 02CoachVio
Für Coaches und Trainer: Klientenverwaltung, Trainingspläne und Terminplanung. Mobile-first — ganz ohne App-Store.
- Klienten
- Termine
- Mobile-first
Case Study lesenLive ansehen ↗ (öffnet in neuem Tab)Team-Software & Kundenportal
Nr. 03TeamPortal
Zentrales Mitarbeiter- und Teamportal: Kommunikation, Aufgabenverteilung und Dokumente an einem Ort — ersetzt Excel-Listen und E-Mail-Ketten. Läuft auch als Kundenportal in unseren eigenen Projekten.
- Aufgaben
- Dokumente
- Kommunikation
Case Study lesenLive ansehen ↗ (öffnet in neuem Tab)
Kostenlos · 30 Minuten · unverbindlich
Dein Dino ist noch ein Ei?
Ob Excel-Chaos, veraltete Website oder IT, die keiner mehr durchblickt: Im Erstgespräch sortieren wir das gemeinsam — und sagen ehrlich, was es kosten würde.