05 — Lab

Eigene Experimente.Was sonst noch geht.

Hinweis: Das hier sind Konzept-Demos und Lab-Builds — keine Kundenaufträge. Echte Live-Kunden findest du unter Kundenprojekte.

Eigene Studien und Demo-Builds — vom Café in München bis zum 3D-Konfigurator. Spielwiesen für moderne Stacks. Filter unten benutzen, um nach Branche zu schauen.

Websites & Studien

Websites, Tools und interaktive Studien.

Branchennahe Demo-Builds mit echten Screens, Flows und Interaktionen.

Film / Media

GLASFELD

Ein Scrollstück in vier Akten.

WebGL-Erzählung ohne Seitenwechsel — ein Glaskörper bricht das Licht, das durch ihn fällt, darunter öffnet sich ein Feld aus hunderttausend einzeln im Wind gerechneten Halmen, und am Ende setzt sich ein Bruch rückwärts wieder zusammen. Alles in Echtzeit im Browser.

3D / WebGLScrollytellingEchtzeitlive

Immobilien

ALTIS

Wohnen über der Stadt.

Vermarktungs-Website für ein Wohnturm-Projekt in Leipzig — interaktiver Etagen-Explorer über 8 Ebenen, 28 Residenzen mit Grundrissen und Preisen, Material-Story und Reservierungs-Flow. Edel, ruhig, hochwertig.

ImmobilienNeubauEtagen-Explorerlive

Gastronomie

EMBER

Küche über offenem Feuer.

Scroll-Storytelling für ein Fine-Dining-Restaurant — man scrollt durch das 6-Gänge-Menü, die Gerichte crossfaden auf einer cineastischen Bühne, dazu Film-Grain, driftende Funken und warmes Chiaroscuro-Licht. Dunkel, edel, atmosphärisch.

Fine DiningScrollytellingMenü-Storylive

Film / Media

FLUX

Digitale Erlebnisse, die sich lebendig anfühlen.

Awwwards-Stil-Website für ein immersives Digital-Studio — WebGL-Fluid-Simulation als lebendiger Vollbild-Hintergrund, kinetische Editorial-Typo und Work-Grid. An der Schnittstelle von Code, Bewegung und Gefühl.

Studio3D / WebGLEditoriallive

SaaS / App

PLANE

Dein unendlicher Canvas für Ideen.

Interaktives Infinite-Canvas-Whiteboard à la Miro — Sticky Notes, Formen, Pfeile und Freihand auf einer unendlichen Fläche, mit Live-Sync über mehrere Tabs. Echte kleine Software, direkt im Browser.

WhiteboardInfinite CanvasEchtzeitlive

Film / Media

AETHER

90.000 Partikel werden zur Geschichte.

Creative-Tech-Studio-Showcase mit GPU-Partikelsystem — beim Scrollen morphen 90.000 Partikel durch die Stufen Galaxy, Sphere, Torus, Text und Explosion. Gerendert in Echtzeit mit React Three Fiber und GLSL-Shadern.

3D / WebGLGPU-PartikelScrollytellinglive

Handwerk

MONOLITH

Ein Monolith. Aus einem Stück.

Showcase für eine Naturstein-Manufaktur — der Hero ist ein interaktiver, frei drehbarer 3D-Granitblock, dessen Maserung im Licht läuft. Echtes Gestein als PBR-Textur, gerendert mit React Three Fiber. Edel, dunkel, wertig.

Naturstein3D / WebGLInteraktivlive

Film / Media

OBSCURA

Körper im Licht.

WebGL-Ausstellung zeitgenössischer Akt-, Beauty- und Editorial-Fotografie — statt an Wänden hängen die Bilder in einem unendlichen dunklen Raum, durch den man sich bewegt, während das Licht folgt. Immersiv, ruhig, kuratiert.

3D / WebGLFotografieImmersivlive

Film / Media

REFLET

Ein Raum aus Reflexionen.

WebGL-Galerie in einem dunklen Spiegelraum — die Werke schweben über einem spiegelnden Boden, durch den man per Drag und Scroll gleitet, während Licht und Reflexionen mitwandern. Kuratiert um Struktur, Form und Licht.

3D / WebGLGalerieImmersivlive

Film / Media

CHROM

Marken, die man anfassen will.

Website für ein Design-Studio, die selbst aus flüssigem Metall besteht — ein Reflexions-Shader macht die ganze Seite zu Chrom, der Cursor zieht Wellen, Klicks schlagen ein und Metall-Wörter steigen auf. Alles in Echtzeit berechnet.

Studio3D / WebGLInteraktivlive

Film / Media

VEIL

Studio für Editorial-Fotografie.

Portfolio für ein Editorial-Foto-Studio — die Aufnahmen morphen per WebGL-Displacement-Shader ineinander, gesteuert über Scroll, Drag und Pfeiltasten. Dunkel, elegant, cineastisch inszeniert.

Portfolio3D / WebGLEditoriallive

Immobilien

LUMEN³

Ein Haus. Ein Weg. Ein Blick.

Vermarktungs-Website für eine moderne Villa als scroll-getriebener 3D-Walkthrough — man durchschreitet das Haus Raum für Raum, kann sich per Maus oder Finger umsehen, das Licht wandert mit. KI-texturierte Oberflächen, komplett im Browser gerendert.

Architektur3D / WebGLInteraktivlive

Gastronomie

REFUGIO

Ankommen, durchatmen, bleiben.

Website für ein Boutique-Hotel am Bergsee — vierzehn Zimmer und Suiten am Wasser, mit interaktivem Buchungs-Flow und Live-Verfügbarkeit. Ruhige, warme Bildwelt zwischen Wald, See und Bergen.

Boutique-HotelBuchungHospitalitylive

Handwerk

THERMA

Wärme, die sich rechnet.

Website für einen SHK-Meisterbetrieb (Wärmepumpe, Heizung, Bad) — mit drehbarer 3D-Wärmepumpe und Live-Energiekostenrechner, der Ersparnis und Förderung direkt durchrechnet. Vertrauensstark, konversionsstark.

SHK / Wärmepumpe3D / WebGLKostenrechnerlive

E-Commerce

OBJEKT

Objekte, die bleiben.

Klassischer Online-Shop für handverlesene Keramik, Textilien und Möbel — mit Kollektions-Grid, Kategoriefiltern, echtem Warenkorb und mehrstufigem Checkout. Warm, editorial, verkaufsstark.

Online-ShopWarenkorbCheckoutlive

Recht

LEX

Recht, das für Sie arbeitet.

Website für eine Anwaltskanzlei — mit interaktivem Fachgebiets-Explorer und Erstberatungs-Anfrage, die das gewählte Rechtsgebiet direkt übernimmt. Navy, Ivory und Gold, seriös und zugänglich zugleich.

KanzleiFachgebiets-ExplorerErstberatunglive

Gesundheit

DENTA

Entspannt zum Zahnarzt.

Website für eine Zahnarztpraxis — mit interaktiver Online-Terminbuchung von Behandlung über Tag bis zum freien Slot. Ruhige Teal-/Mint-Optik, die Angstpatienten die Nervosität nimmt.

ZahnarztpraxisTerminbuchungHealthcarelive

Beauty

SALON

Ihr neuer Look — vorher gesehen.

Website für einen Friseur- und Beautysalon mit Live-KI-Look-Vorschau — Schnitt, Farbe und Balayage werden per KI direkt am Porträt-Foto ausprobiert, bevor der Termin gebucht wird. Warme Blush-/Rosé-Optik.

Friseur / BeautyKI-Look-VorschauTerminbuchunglive

Finanzen

FISKA

Mehr Netto. Weniger Papierkram.

Website für eine Steuerkanzlei — mit interaktivem Steuer-Check, der aus Profil und Einkommen das Sparpotenzial errechnet, plus Mandanten-Portal-Teaser. Digital über DATEV, seriös in Slate, Blau und Grün.

SteuerberatungSteuer-CheckMandanten-Portallive

Film / Media

KRACH

Hard Techno. Belgium.

Landingpage für ein fiktives Techno-Event im brutalistischen KNTXT-Stil — Pixel-Font, harte Kontraste, Lenis- und GSAP-Scroll-Effekte und ein eingebauter Web-Audio-Techno-Loop. Roh, laut, kompromisslos.

Event / KulturBrutalismusWeb-Audio + Scroll-FXlive

Handwerk

VOLT

Licht, das mitdenkt.

Website für einen Elektro- und Smart-Home-Meisterbetrieb — mit interaktivem Grundriss, in dem sich Lichtszenen live durchschalten lassen (custom SVG statt KI-Bilder fürs Kern-Feature), plus Energie-Beratung und 24/7-Notdienst. Charcoal mit gelbem Akzent.

Elektro / Smart HomeLichtszenen-SimulationAngebots-Anfragelive

E-Commerce

BRAUS

Limonade, die schäumt.

Scrollytelling-Produktseite für eine Bio-Limonaden-Marke — man scrollt durch fünf Sorten, jede mit eigenem Look, Zutaten-Story und „Sixpack sichern"-Flow. Reduziert, typografisch, verspielt.

Produkt-LaunchScrollytellingGetränkelive

Film / Media

NOIR STUDIO

Wir drehen das Licht auf deine Marke.

Website für eine Film- & Foto-Agentur — cineastischer Dark-Look, Selected-Work-Grid mit Case-Previews, Showreel-Player, Leistungs- und Prozess-Sektionen. Serifen-Typo trifft Motion.

AgenturShowreelEditoriallive

Sport

Astbourne

Links-Golf an der Nordseeküste.

Editorial-Website für einen Links-Golfclub von 1924 — Bahn-für-Bahn-Scorecard mit Signature-Löchern, Akademie, Greenhouse und Mitgliedschafts-Tiers. Kinetische Typo, Ticker, viel Ruhe.

GolfclubEditorialMembershiplive

Immobilien

Atelier Nord

Scrollen, um einzutreten.

Interaktiver 3D-Rundgang durch ein Architektur-Atelier — beim Scrollen durchschreitet man das Gebäude, das Licht wandert von Tag über Dämmerung bis Nacht. Voll im Browser gerendert.

Architektur3D / WebGLInteraktivlive

Film / Media

VELT

Moving images, engineered.

Portfolio für einen Director of Photography — 3D-Kamera-Hero, Showreel-Sektion, Selected Work mit Hover-Clips, Gear-Liste und Anfrage-Flow. Dunkel, filmisch, bewegungsstark.

Portfolio3D / WebGLShowreellive

E-Commerce

LOUDBOX 4

Built to be heard.

Bold Produkt-Landingpage für einen Portable-Speaker — 3D-Produktszene mit Scroll-Explosion, animierte Specs (126 dB · 40 h · IP65) und Buy-Flow mit Editions & Bundle.

Produkt-Launch3D / WebGLScrollytellinglive

SaaS / App

MomentWall

Live-Foto-Show für jedes Event.

Gäste laden per QR-Code Fotos & Videos hoch — alles erscheint in Echtzeit auf der Leinwand, im eigenen Design. Kein App-Download, am Ende ein fertiger Aftermovie.

Event-SaaSEchtzeitQR-Uploadlive

Handwerk

Wildnest Camper

Fernweh, das ein Zuhause hat.

Vanlife-Manufaktur für individuelle Camperausbauten — Möbelbau nach Maß, Elektrik & Solar, Isolierung und TÜV-Abnahme, alles von Hand.

CamperausbauVanlifeManufakturlive

E-Commerce

Meridian

Design the watch that's unmistakably yours.

Interaktiver 3D-Uhren-Konfigurator — Gehäuse, Zifferblatt, Armband und Größe live wählen, das 3D-Modell rendert in Echtzeit und der Preis passt sich mit. Bespoke-Commerce in edel.

3D-KonfiguratorWebGLBespokelive

Automation Demos

Prozesse, die Kunden sofort verstehen.

Konkrete Mini-Demos für wiederkehrende Abläufe: Anfrage, Rechnung, Meeting, Support, Angebot und mehr.

SaaS / App

LEADFLOW

Aus Anfrage wird Pipeline.

Interaktive Lead-to-CRM-Automation: Website-Anfrage erfassen, Lead qualifizieren, CRM-Deal erstellen und Follow-up vorbereiten.

AutomationCRMLead-to-CRMlive

Finanzen

INVOICEOPS

Aus Rechnung wird Buchung.

PDF-Rechnung rein, Daten extrahieren, Plausibilität prüfen und Buchungszeile vorbereiten. Greifbare Automation für Buchhaltung und Admin.

OCRBuchhaltungFreigabelive

SaaS / App

MEETINGFLOW

Aus Meeting wird Projektplan.

Call-Transcript analysieren, Entscheidungen zusammenfassen und konkrete Tasks mit Ownern ins Projektboard schreiben.

MeetingsTasksProjektboardlive

SaaS / App

SUPPORTPILOT

Aus E-Mail wird Ticket.

Support-Mail klassifizieren, Priorität setzen, Knowledge Base prüfen und an das richtige Team routen.

SupportTriageRoutinglive

SaaS / App

QUOTEFLOW

Aus Briefing wird Angebot.

Anfrageformular strukturieren, Aufwand schätzen, Leistungsbausteine kalkulieren und ein Angebots-PDF vorbereiten.

AngebotPDFSaleslive

SaaS / App

CONTENTLINE

Aus Idee wird Content.

Ein Thema wird zu LinkedIn-Post, Newsletter-Absatz, Blog-Outline und Redaktionsplan für die Woche.

ContentMarketingKalenderlive

SaaS / App

ONBOARDOPS

Aus Abschluss wird Onboarding.

Deal-Won triggert Willkommensmail, Projektboard, Kickoff-Termin, Ordnerstruktur und interne Aufgaben.

OnboardingCRMProjektstartlive

SaaS / App

RECRUITFLOW

Aus Bewerbung wird Shortlist.

CV lesen, Skills extrahieren, Rollen-Fit bewerten und Kandidaten strukturiert in die Shortlist übernehmen.

RecruitingMatchingShortlistlive

E-Commerce

SHOPSYNC

Aus Bestellung wird Fulfillment.

Neue Shop-Bestellung prüfen, Lager reservieren, Rechnung erzeugen, Versandlabel vorbereiten und Kundenmail senden.

OrderFulfillmentVersandlive