Was WordPress eigentlich nicht kann: Scroll-Snap-Relaunch für BENDAVID
BENDAVID ist eine Agentur für Erlebnis-Marketing und Live-Kommunikation – Kunden wie Porsche, BMW, Hyundai oder BYD lassen hier ihre Roadshows und Events planen. Eine Agentur mit diesem Anspruch braucht einen Webauftritt, der sich genauso hochwertig anfühlt wie die Arbeit, die sie zeigt. Deshalb wurde die alte Website komplett neu gebaut – mit einem Effekt, für den WordPress eigentlich nicht gemacht ist: waschechtem Scroll-Snapping.
Plaumann Art (öffnet in neuem Tab)
Die Seite in Bewegung
Die Seite rastet Section für Section ein; Navigation und Button reagieren auf Hover.
Bildschirmaufnahme0:09 · ohne Ton
-
01
Die Ausgangssituation
Die bisherige Website von BENDAVID hat ihren Zweck erfüllt, aber nicht mehr viel hergemacht: eine ältere, eher schlicht gehaltene Seite, die von der Erfahrung und dem Anspruch der Agentur – zwei Jahrzehnte OEM-Marketing für Marken wie Mercedes-Benz und Porsche – wenig spüren ließ. Wer Live-Kommunikation auf diesem Niveau verkauft, will das auch beim ersten Website-Besuch zeigen. Es sollte also nicht einfach nur ein neues Design werden, sondern ein Auftritt, der sich modern und in Bewegung anfühlt – passend zu einer Agentur, die genau das für ihre Kunden inszeniert.
-
02
Besondere Anforderungen
Scroll-Snap in WordPress: geht nicht? Geht doch
Das auffälligste Feature der neuen Seite ist ihr Scrollverhalten: Statt frei durch die Seite zu scrollen, rastet der Bildschirm sauber von Abschnitt zu Abschnitt ein – About Us, Philosophie, Services, Referenzen, Kontakt – jeder davon ein eigenes, in sich geschlossenes Bild. Dieses Scroll-Snapping ist in klassischen WordPress-Setups nicht vorgesehen: Standard-Themes und die üblichen Page-Builder sind auf frei fließende Seiten ausgelegt, nicht auf exakt eingerastete Vollbild-Sektionen. Damit der Effekt trotzdem butterweich funktioniert war entsprechende Handarbeit in CSS und JavaScript nötig.
Das zweite Highlight sitzt unauffälliger, aber ebenso durchdacht in der unteren rechten Ecke: ein kompaktes Slide-Menü, das beim Scrollen seine Farbe an den Hintergrund der jeweiligen Sektion anpasst. Scrollt man weiter, ändert sich die Farbgebung des Menüs mit – ein kleines Detail, das die Seite als Ganzes runder und durchgestylter wirken lässt. -
03
Das Ergebnis
BENDAVID hat jetzt eine Website, die genauso auftritt wie die Agentur selbst: durchdacht, modern und mit einem Blick fürs Detail. Der Scroll-Snap-Effekt macht aus dem Website-Besuch fast schon ein kleines Erlebnis – passend für eine Agentur, die genau davon lebt. Referenzen wie Porsche, BMW, Hyundai oder BYD wirken in diesem Rahmen noch stärker, und das farbwechselnde Slide-Menü rundet den Eindruck ab, dass hier niemand halbe Sachen macht.