05Lab

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.

ALTIS — Wohnen über der Stadt.

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-Explorer

EMBER — Küche über offenem Feuer.

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ü-Story

FLUX — Digitale Erlebnisse, die sich lebendig anfühlen.

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 / WebGLEditorial

PLANE — Dein unendlicher Canvas für Ideen.

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 CanvasEchtzeit

AETHER — 90.000 Partikel werden zur Geschichte.

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-PartikelScrollytelling

MONOLITH — Ein Monolith. Aus einem Stück.

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 / WebGLInteraktiv

OBSCURA — Körper im Licht.

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 / WebGLFotografieImmersiv

REFLET — Ein Raum aus Reflexionen.

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 / WebGLGalerieImmersiv

CHROM — Marken, die man anfassen will.

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 / WebGLInteraktiv

VEIL — Studio für Editorial-Fotografie.

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 / WebGLEditorial

LUMEN³ — Ein Haus. Ein Weg. Ein Blick.

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 / WebGLInteraktiv

REFUGIO — Ankommen, durchatmen, bleiben.

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-HotelBuchungHospitality

THERMA — Wärme, die sich rechnet.

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 / WebGLKostenrechner

OBJEKT — Objekte, die bleiben.

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-ShopWarenkorbCheckout

LEX — Recht, das für Sie arbeitet.

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-ExplorerErstberatung

DENTA — Entspannt zum Zahnarzt.

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.

ZahnarztpraxisTerminbuchungHealthcare

SALON — Ihr neuer Look — vorher gesehen.

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-VorschauTerminbuchung

FISKA — Mehr Netto. Weniger Papierkram.

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-Portal

KRACH — Hard Techno. Belgium.

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-FX

VOLT — Licht, das mitdenkt.

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-Anfrage

BRAUS — Limonade, die schäumt.

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änke

NOIR STUDIO — Wir drehen das Licht auf deine Marke.

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.

AgenturShowreelEditorial

Astbourne — Links-Golf an der Nordseeküste.

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.

GolfclubEditorialMembership

Atelier Nord — Scrollen, um einzutreten.

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 / WebGLInteraktiv

VELT — Moving images, engineered.

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 / WebGLShowreel

LOUDBOX 4 — Built to be heard.

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 / WebGLScrollytelling

MomentWall — Live-Foto-Show für jedes Event.

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-Upload

Wildnest Camper — Fernweh, das ein Zuhause hat.

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.

CamperausbauVanlifeManufaktur

Kai Morgan — Speed. Ambition. Records.

Kai Morgan

Speed. Ambition. Records.

Athleten-Portfolio für Sprint & Weitsprung — Karriere-Timeline, Bestleistungen, Galerie, Sponsorenformular.

PortfolioSponsoringAthletik

Meridian — Design the watch that's unmistakably yours.

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-KonfiguratorWebGLBespoke

DoorVision 3D — Ihre Traumtür. Live in 3D.

DoorVision 3D

Ihre Traumtür. Live in 3D.

Interaktiver 3D-Türkonfigurator mit Echtzeit-Vorschau, Preiskalkulation und teilbaren Links.

3D-KonfiguratorThree.jsEchtzeit

Huddle — Der Teamraum für kleine Teams.

Huddle

Der Teamraum für kleine Teams.

Virtueller Workspace mit Spatial-Audio, Quick Huddles und Focus Mode — ab 19€/Monat für 10 User.

SaaSSpatial AudioCollaboration

VeganMentor — Dein Begleiter auf dem Weg zu vegan.

VeganMentor

Dein Begleiter auf dem Weg zu vegan.

Mentoring-Plattform mit Matching-Algorithmus, 1:1 Chat, Challenges und Community-Events.

MentoringMatchingGamification

BLACKBLADE — Premium Urban Barbershop.

BLACKBLADE

Premium Urban Barbershop.

Barbershop in Berlin-Kreuzberg mit Online-Booking, 4.9 Google Rating und 15K+ zufriedenen Kunden.

BarbershopBookingBerlin

TheCup — Nachhaltig. Einfach. Überall.

TheCup

Nachhaltig. Einfach. Überall.

Smartes Pfandsystem für Mehrwegbecher mit NFC-Chip — bis zu 500x wiederverwendbar.

LandingNFCSustainability

Café Goldstaub — Kaffee mit Herz & Seele.

Café Goldstaub

Kaffee mit Herz & Seele.

Gemütliches Café in Münchens Altstadt — handgerösteter Kaffee, hausgemachte Kuchen, regionale Küche seit 2012.

CaféMünchenHandgeröstet

Hartmann & Partner — Wohnen auf höchstem Niveau.

Hartmann & Partner

Wohnen auf höchstem Niveau.

Premium-Immobilienmakler mit 25+ Jahren Erfahrung und 1.200+ erfolgreichen Transaktionen.

ImmobilienPremiumLuxus

Win Hanoi — Authentische Aromen Vietnams.

Win Hanoi

Authentische Aromen Vietnams.

Vietnamesisches Restaurant in Berlin — traditionelle Familienrezepte, täglich frisch zubereitet.

RestaurantBerlinReservierung

Holzbau Meister — Tradition trifft Technik. Seit 1987.

Holzbau Meister

Tradition trifft Technik. Seit 1987.

Zimmerei und Holzbau — Dachstühle, Holzhäuser und Sanierung mit 35+ Jahren Meisterbetrieb-Erfahrung.

ZimmereiHolzbauMeisterbetrieb

BAUHAUS Architekten — Räume die inspirieren.

BAUHAUS Architekten

Räume die inspirieren.

Architekturbüro aus Zürich — 25+ Jahre, 150+ Projekte, 40+ Design Awards. Minimalismus als Philosophie.

ArchitekturPortfolioMinimalismus