Wirken wie das Unternehmen, das Sie werden

READY GO

Eine Agentur-Website, deren Überschrift das Showreel ist

Was zu lösen war

Jede Agentur-Website behauptet Bandbreite, und jede behauptet sie in einem Absatz. Der Beweis muss das Objekt sein, nicht der Text – trotzdem muss eine Startseite klar sagen, was das Unternehmen tut, sonst wird sie zu einem Portfolio, das niemand einordnen kann.

Wie wir es gemacht haben

Die Überschrift nennt die Tatsache – eine Digitalagentur – und lässt dann ihr letztes Wort durch die Leistungen rotieren: Produktion, Strategie, Merchandise, Kreation. Aussage und Beweis stehen im selben Satz, und die Projektbilder streuen darum herum, statt in einem Raster darunter zu sitzen.

Was sich verändert hat

• Rotierende Überschrift mit eigens gezeichneter Displayschrift je Variante
• Verstreute Projektbilder, die mit der Überschrift wechseln
• Navigation aus drei Links, ohne konkurrierende Bühnenelemente
• Next.js und Tailwind CSS auf einem selbst betriebenen Node.js-Server

OUTFIT®

Die Kollektion eines Studios als redaktioneller Shop

Was zu lösen war

Das eigene Merchandise eines Studios trägt eine doppelte Last: Es muss verkaufen wie ein Laden und aussehen wie die beste Arbeit, die das Studio je gemacht hat. Übliche Shop-Vorlagen scheitern am zweiten Teil, eine rein redaktionelle Seite am ersten.

Wie wir es gemacht haben

Wir haben den Shop wie einen gedruckten Katalog mit funktionierendem Warenkorb behandelt. Der Schriftzug läuft über die volle Seitenbreite, die Produktfotografie darunter als ununterbrochenes Raster, und die Verkaufselemente – Tasche, Menü, Preis, Kategorie – bleiben klein und typografisch statt eingerahmt und verknopft.

Was sich verändert hat

• Redaktioneller Shop mit typografischem Kopf über die volle Breite
• Produktraster ohne Kacheln, das sich wie ein Lookbook liest
• Next.js-Frontend auf Shopify für Katalog und Kasse
• Veröffentlicht auf Vercel

Moto Card

Eine Website für eine Mitgliedskarte, gebaut wie ein 3D-Produktfilm

Was zu lösen war

Auf dem Papier ist eine Premiumkarte Massenware – der Wert steckt ganz darin, wie exklusiv und gut gemacht sie wirkt. Fotografie allein macht eine Metallkarte flach, und eine übliche Funktionsliste hätte sie in dieselbe Schublade gelegt wie jedes Bonusprogramm.

Wie wir es gemacht haben

Wir haben die Karte in 3D auf einer dunklen Bühne inszeniert und die Enthüllung an das Scrollen gekoppelt: Das Objekt dreht sich und fängt Licht, während man durch die Seite geht. Der Zugang ist bewusst schmal – eine Handlung, „Zugang beantragen“, und als einziger konkurrierender Link die Mitgliedsbedingungen.

Was sich verändert hat

• Karte in Echtzeit-3D mit Three.js auf dunkler Produktbühne
• Enthüllung entlang des Scrollens, abgestimmt mit GSAP
• Ein einziger Weg zur Umwandlung: der Antrag
• In Webflow gebaut, damit Inhalte beim Kunden pflegbar bleiben