Bijenkorf ist eine legendäre niederländische Einzelhandelsmarke, die es seit 150 Jahren gibt und ein beliebtes Touristenziel ist. Um dieses wichtige Jubiläum stilvoll zu feiern, hat sich die Luxusmarke an DEPT® gewandt. Gemeinsam haben wir in vier Wochen ein Online-Erlebnis vom Konzept bis zum Launch geschaffen, das den Bijenkorf (Bienenstock) ehrt.
Wie fasst man 150 Jahre zusammen?
Bijenkorf wurde 1870 von Simon Philip Goudsmit in Amsterdam gegründet. Was als kleines Kurzwarengeschäft begann, ist heute ein Luxuskaufhaus, das in sieben grossen Städten zu finden ist – und natürlich auch online. Fast alle, die in den Niederlanden leben, haben inzwischen eine schöne Erinnerung an den Bijenkorf. Schliesslich war der Bijenkorf das erste Kaufhaus in den Niederlanden, das sich auf das Luxussegment konzentrierte. Die Gebäude haben einen hohen Wiedererkennungswert und sind eine Sehenswürdigkeit für sich allein.
Im Jahr 2020 wurde die Marke 150 Jahre alt: Ein perfekter Zeitpunkt, um über die Entwicklung des Einzelhändlers sowohl online als auch offline nachzudenken. Im Rahmen der Kampagne wurden die Schaufenster neu gestaltet, um die Geschichte der Marke widerzuspiegeln, und DEPT® half bei der Umsetzung des Online-Aspekts der Kampagne.
So haben wir die Vergangenheit zum Leben erweckt
Ein Blick in die Vergangenheit
Unser Team hat einen Zeitstrahl entworfen: Eine Reise durch die Geschichte, auf der wir alle Höhepunkte des Bijenkorfs sehen. Von der Gründung an können Sie sehen, wie sich das Unternehmen verändert – der Wiederaufbau nach dem Zweiten Weltkrieg, die wachsende Kunstsammlung, die ersten Three Crazy Days 1984 und die letzten 2015, die Zeit des Chillout und so weiter.
Diese Ereignisse werden im Text und mit Hilfe von audiovisuellen Mitteln dargestellt. Jede Generation hat andere Erinnerungen an den Bijenkorf, die sich alle in der Zeitleiste widerspiegeln.
Features
Illustrierter Zeitstrahl
Illustrierter Zeitstrahl
Die Zeitleiste ist in mehrere Perioden unterteilt. Für jede Periode wurde eine animierte Illustration erstellt, die diese Zeitspanne darstellt. Die Illustrationen sind alle geschrieben von Timo Kuilder, einem Amsterdamer Illustrator. Kuilder hat auch die Fenster entworfen. So ist das Erlebnis online und offline einheitlich.
Damit die Animation so reibungslos wie möglich abläuft, haben wir Lottie benutzt. Diese von Airbnb eingerichtete Bibliothek ermöglichte es uns, After Effects-Animationen im Web und auf Mobilgeräten (nativ und react-nativ) zu verwenden. Auf diese Weise ist es genauso einfach, Animationen hinzuzufügen wie statische Bilder zu verwenden.
Lebendige Animationen und statische Inhalte
Lebendige Animationen und statische Inhalte
Da die Illustrationen ein so wichtiger Teil der Website sind, haben wir viel Zeit und Aufmerksamkeit darauf verwendet, sie zu perfektionieren. Die Animationen und Illustrationen wurden in After Effects erstellt und von Lottie mit dem Body Movin-Plugin gerendert. Wenn Sie einen Zeitabschnitt beendet haben, wird sofort der nächste Abschnitt geladen. Sie sehen dann automatisch die Lottie-Animation und scrollen direkt zum ersten Textstück.
Die Zeitleiste ist in Abschnitte (Perioden) unterteilt, durch die die Benutzer:innen blättern können. Jeder Abschnitt hat einen eigenen Inhalt: Videos, Radioclips, Text und mehr. Diese Inhalte werden sichtbar, wenn die Besucher:innen in den jeweiligen Zeitraum eintauchen.
Die Seitenübergänge werden durch Barba.js ermöglicht, und das Scrollen durch die Zeitleiste funktioniert mit Hilfe von GreenSock. Darüber hinaus haben wir Vanilla JavaScript verwendet, mit einigen kleinen CSS-Überraschungen. So ändert sich beispielsweise die Farbe des mobilen Logos, wenn ein Video auf der Seite ausgeblendet wird (dank des Mix-Blend-Modus), und es gibt einen eigenen Cursor.
Obwohl die Illustrationen animiert sind, ist der Inhalt selbst statisch. Es gibt kein CMS hinter der Website. Es wurde viel redaktionelle Arbeit geleistet, um den zur Verfügung gestellten Text so gut wie möglich in das Design einzupassen.
Eine exklusive Kollektion
Eine exklusive Kollektion
Die 150-Jahre-Kampagne bringt nicht nur unterhaltsame und schöne Geschichte mit sich, sondern auch eine exklusive Kollektion von 150 Artikeln, die in Geschäften und online verkauft werden. Eine Auswahl dieser Artikel wird auf der Website der Kampagne vorgestellt. Die Besucher können die Artikel in ihrem historischen Kontext sehen und sich sofort zur Produktseite im Bijenkorf-Shop durchklicken.
