Eine starke Agentur verdient eine starke Website - und genau die haben wir für Ballhaus West erstellt. Sie kamen zu uns mit einem markanten Design, einer Menge hochwertiger Bilder und Videos und einer klaren Vorgabe: die Website sollte durch Bewegung zum Leben erweckt werden, sie sollte schnell sein und über ein CMS vollständig bearbeitet werden können.
Animationen, die die Story vorantreiben, nicht die Ladezeit
Von Anfang an lag der Schwerpunkt auf Animationen, die das Erlebnis bereichern und nicht auf Kosten der Leistung oder der Suchmaschinenoptimierung. Wir haben ein Animationssystem entwickelt, das auf Parallax-Effekten, Textanimationen, einem benutzerdefinierten Cursor und Scrollverhalten basiert. Das Ergebnis: dynamische, ausdrucksstarke Interaktionen, die die Nutzer fesseln, ohne die Seite zu verlangsamen.
Maßgeschneiderte Erlebnisse für Mobile und Desktop
Die Case-Seiten erforderten unterschiedliche Versionen für Mobil- und Desktopgeräte. Für Mobilgeräte fokussiert und minimalistisch, für Desktop-Geräte umfangreicher und detaillierter, während der Rest der Website einem standardmäßigen responsiven Layout folgt. Wir optimierten das Prismic-Setup, um Sektionen wiederzuverwenden, wo immer dies möglich war, und schafften so ein Gleichgewicht zwischen effizienter Inhaltsverwaltung und den individuellen gerätespezifischen Erlebnissen.
Unendliche Entdeckungen mit fließenden Übergängen und intelligenter Leistung
Ein besonderes Feature ist der unendliche Scrollvorgang auf den Case-Seiten, bei dem jeder individuell gebrandete Case nahtlos in den nächsten übergeht. Am Ende jedes Case überbrückt eine speziell angefertigte Animation den Übergang, während die nächste Seite rechtzeitig vorgeladen wird, um das Erlebnis flüssig zu halten. Zur Aufrechterhaltung der Leistung werden Videos und umfangreiche Inhalte erst kurz vor dem Aufrufen der Seite geladen, so dass das Scrollen reibungslos und der Datenverbrauch minimal ist. Jeder Case behält außerdem seine eigene URL für SEO und einfaches Teilen.
Gebaut für Flexibilität, entwickelt für Geschwindigkeit
Wir haben die Website mit Next.js und Prismic CMS erstellt, so dass Ballhaus West die volle Kontrolle über die Inhalte hat. Von benutzerdefinierten Seiten und Medien bis hin zu Stellenangeboten. Das Hosting und die Speicherung für hochgeladene Bewerbungsdateien werden von Vercel übernommen, um eine schnelle und zuverlässige globale Verfügbarkeit zu gewährleisten. Übermittlungen von Formularen lösen Email-Benachrichtigungen über Resend aus und informieren damit das Team.
