Projekte

projekte, die wir gestaltet und gebaut haben.

Sieben Websites aus Design und Entwicklung im Haus. Jede mit eigener Handschrift, eigenem Ziel und eigener Motion. Klick dich durch die Projekte im Detail.

Hinweis: Das sind Beispielseiten, mit denen wir zeigen, was wir können. Echte Kundenprojekte haben natürlich einen größeren Umfang. Die Kennzahlen unter jedem Projekt sind echte Messungen vom 29.07.2026, mobil bei 390 Pixeln Breite, Median aus drei Läufen. LCP steht für Largest Contentful Paint, also den Moment, in dem der größte sichtbare Inhalt steht. Googles Schwelle für „gut“ liegt bei 2.500 Millisekunden, für den Layout-Shift bei 0,1.

Industrie & Energie 2026

Helvion

Next.js
GSAP
B2B
Solar

Was das Design ausmacht

Ein Photovoltaik-Hersteller verkauft nicht an Endkunden, sondern an Planer, Installateure und Einkäufer. Die entscheiden nach Datenblatt, Zertifikat und Lieferfähigkeit, nicht nach Stimmung. Deshalb führt der Auftritt nicht mit einem Versprechen, sondern mit dem Katalog: PV-Module, Montagestruktur, Energiespeicher. Die Firmenhistorie seit 1998 steht dort, wo sie für diese Zielgruppe zählt, nämlich als Beleg für Lieferfähigkeit.

Umsetzung

Next.js mit statisch gerenderten Produktseiten, damit Datenblätter und Downloads direkt auffindbar bleiben. Die Scroll-Animationen laufen über GSAP und sind bewusst zurückhaltend eingestellt: Sie führen den Blick durch die Produktlogik, statt selbst aufzufallen. Neun Inhaltsabschnitte auf gut 6.400 Pixeln Seitenhöhe, ohne dass die Seite überladen wirkt.

Gemessen

LCP 416 ms · Layout-Shift 0

Website ansehen

Restaurant 2026

Aurevin

React
Vite
GSAP
Hero-Video

Was das Design ausmacht

Ein Fine-Dining-Restaurant verkauft einen Abend, keine Speisekarte. Deshalb beginnt die Seite mit einem Video statt mit Text: Licht, Bewegung, Gläser. Erst danach kommen die Gerichte, einzeln inszeniert wie auf dem Teller. Die Reservierung bleibt durchgehend im Blick, weil das die einzige Handlung ist, auf die es hier ankommt.

Umsetzung

React mit Vite, GSAP für die Übergänge zwischen den Gerichten. 26 Bilder, alle als WebP und erst beim Scrollen nachgeladen, damit das Hero-Video die Bühne bekommt und nicht mit dem Rest der Seite um Bandbreite konkurriert.

Gemessen

LCP 328 ms · Layout-Shift 0

Website ansehen

KI & SaaS 2026

Kivenor.ai

React
Vite
Motion
SaaS

Was das Design ausmacht

KI-Produkte klingen schnell abstrakt. Wer Chatbots und Voice-Agents verkauft, muss zuerst den Verdacht ausräumen, es gehe um Spielerei. Also führt die Seite mit dem Ergebnis, dann kommen die Branchen, dann der Bauprozess. Das Abstrakte übernimmt ein generativer Hintergrund: Er zeigt Bewegung, ohne etwas zu behaupten.

Umsetzung

React mit Vite, Motion für die Übergänge, ein Canvas für den generativen Hintergrund. Mit 8.664 Pixeln ist es die längste der sieben Arbeiten, gegliedert in acht klar getrennte Abschnitte plus FAQ, damit die Länge nicht als Wand wirkt.

Gemessen

LCP 312 ms · Layout-Shift 0,002

Website ansehen

Luxus & E-Commerce 2026

Helvora

React
3D
Scroll-Story
Luxus

Was das Design ausmacht

Eine Genfer Manufaktur verlangt Zurückhaltung. Kein Ausrufezeichen, keine Rabattlogik. Die Seite erzählt stattdessen die Montage, und zwar in drei Sätzen, die zugleich die Kapitel sind: ein einziger Zeitmesser, zweihundert Komponenten, zu einem Ganzen montiert. Die Uhr dreht sich beim Lesen mit.

Umsetzung

React. Die Scroll-Story läuft über ein Video, dessen Zeitachse an die Scroll-Position gekoppelt ist. Das Uhrmodell wirkt dadurch dreidimensional, ohne dass eine 3D-Engine geladen werden muss. Über 10.000 Pixel Seitenhöhe bleibt die Kopplung synchron.

Gemessen

LCP 292 ms · Layout-Shift 0

Website ansehen

Immobilien 2026

Heimatlas

React
Vite
Suche
Immobilien

Was das Design ausmacht

Immobilien sind eine Vertrauensfrage, und Vertrauen entsteht hier über zwei Dinge: sehen und finden. Deshalb bekommt die Suche sofort Platz, mit sechs Filterfeldern direkt unter dem Hero. Das Hero-Video fährt beim Scrollen von Nacht auf Tag und zeigt damit den Kern der Sache: dasselbe Haus, zwei Stimmungen.

Umsetzung

React mit Vite. Der Tag-Nacht-Übergang ist in voller Qualität eingebunden, weil genau er der Effekt ist. Das kostet Seitengewicht, und das ist hier eine bewusste Abwägung zugunsten der Wirkung. Alle Bilder unterhalb des ersten Viewports laden erst beim Scrollen nach.

Gemessen

LCP 308 ms · Layout-Shift 0

Website ansehen

Gastronomie 2026

Biteberg

Astro
Branding
Landingpage
Food

Was das Design ausmacht

Fast Food darf Spaß machen. Also ist der Auftritt laut, schnell und gelb, mit einem Laufband, das nicht stillsteht. Gleichzeitig muss die Seite drei Dinge sofort liefern, weil danach niemand mehr sucht: was es gibt, wann offen ist und wie man einen Tisch bekommt. Alle drei stehen im ersten Drittel.

Umsetzung

Astro. Dadurch kommt beim Besucher fast nur HTML an, der Rest bleibt im Build. Das Reservierungsformular hat sieben Felder und läuft ohne Framework-Overhead. Mit Abstand die schnellste der sieben Arbeiten.

Gemessen

LCP 208 ms · Layout-Shift 0,001

Website ansehen

Dashboard & SaaS 2026

Numeon

React
GSAP
Dashboard
Analytics

Was das Design ausmacht

Dashboards ertrinken oft in Zahlen. Numeon zeigt deshalb keine vollständige Anwendung, sondern einen einzigen Bildschirm: die Ansicht, die jemand morgens als erstes sieht. Ein Kernwert, darum herum nur Navigation und Kontext. Die Zurückhaltung ist hier die eigentliche Aussage.

Umsetzung

React mit GSAP. Als einzige der sieben Arbeiten passt sie in einen einzigen Viewport, 900 Pixel hoch, und lädt dafür nur 232 KB. Das ist kein Zufall, sondern der Punkt: ein Dashboard, das lädt wie eine Landingpage.

Gemessen

LCP 328 ms · Layout-Shift 0

Website ansehen

( ihr wollt so eine Website? )

euer projekt ist das nächste.

Projekt starten

So läuft ein Webdesign-Projekt bei uns ab →