TheGoodwins Home Page

Nach der ersten Zusammenarbeit mit TheGoodWins, der mehrfach ausgezeichneten Berliner Kreativagentur mit dem Mantra "Sustainability goes Pop", haben wir für die Marke eine komplett neue Home Page entworfen und gebaut. Wo die erste Seite das Portfolio in den Vordergrund stellte, ist diese Version ein durchgehend kinetisches Marken-Erlebnis: eine Startseite, die sich beim Scrollen wie ein Film abspielt und vom ersten Moment an zeigt, dass hier eine Agentur arbeitet, die keine Angst davor hat, anders zu sein.

Das Herzstück ist ein Hero-Reel, das beim Scrollen aus einer kleinen Eck-Karte heraus aufblättert: Das Brand-Video wächst über einen wellig morphenden Clip-Pfad und einen 3D-Page-Turn auf Vollbild, während die animierte Signatur-Linie der Agentur in Gelb, Pink und Orange durch die Sektion läuft. Jede Sektion trägt diese "Infinity-Line" weiter, eine zweiteilige Akzent-Linie aus Lead- und Trail-Segment, die sich richtungsagnostisch durch das Layout zieht und Editorial-Typografie, Fallstudien und Reviews miteinander verbindet.

Zum Abschluss rollt ein "TomorrowReel" durch wechselnde Wortkombinationen und rastet sanft auf der Marken-Phrase "The Goodwins™" ein, ein ruhiger, selbstbewusster Schlusspunkt nach dem energetischen Scroll davor. Gepinnte Fallstudien-Sektionen, snap-getriebene Wort-Slots und durchgehend handgetunte Easings machen aus dem Scrollen selbst das eigentliche Produkt.

Technisch steht die Seite auf Next.js App Router mit TypeScript, GSAP ScrollTrigger für die gepinnten Choreografien und Lenis für den Smooth-Scroll, der die ganze Bewegungssprache trägt. Performance-budgetiert, mit reduced-motion-Fallback und EU-Hosting auf Vercel. Das Ergebnis ist eine Home Page, die so bold und konsequent ist wie die Arbeit der Agentur selbst.