GELDERMANNÉDITION MUSIQUE
![Screenshot of intro text, overlapping with concert images](https://a.storyblok.com/f/184679/1964x1104/c24cc98a10/hero_16x9-1964x1104.webp/m/840x472)
![Grey MacBook displaying hero section](https://a.storyblok.com/f/184679/1618x1280/a75ed0c831/hero_3x2-1618x1280.webp/m/987x658)
Sekt, Swing und Motion – Die Kampagnenseite zur neuen Cuvée Edition Musique der Sektkellerei Geldermann.
Die Herausforderung
Eine Website mit Taktgefühl – Wenn das Motionkonzept auf einem Song basiert
Von Ankündigung bis Release begleitete die Kampagnenseite das ausgewählte Cuvée der Premium Sektkellerei Geldermann. Der Sekt wurde dem Song “Rhythym” der Electro-Swing-Band Boogie Belgique gewidmet.
Wie auch die Musik erinnert das Etikett an den Stil der Goldenen Zwanziger. Während die Musik und der Ton als Taktgeber für die Website herhalten, dient das Etikett als Gestaltungsgrundlage der Website. Es war zwar eine anspruchsvolle und doch sehr willkommene Aufgabe, das Motion-Design auf die Musik abzustimmen.
![iPhone on dark background displaying quote and portrait of young musician.](https://a.storyblok.com/f/184679/1088x1436/a5b7cfff92/mockup-speech-544x718.webp/m/1088x1436)
Das Resultat
Eine multisensorische Webexperience.
Die daraus entstandene Audio Experience, bestehend aus dem Vorlesen von Zitaten, rhythmische Musik und die darauf abgestimmten Micro-Animationen, schafft einen schwungvollen Webauftritt, der die User*innen einlädt, mehr erfahren oder hören zu wollen.
![Closeup image of "Geldermann edition musique No2" Label, gold text on dark label](https://a.storyblok.com/f/184679/1088x1436/025018347d/geldermann_asset_compr.webp/m/1088x1436)
![Close up of screen of MacBook displaying stylised music player module](https://a.storyblok.com/f/184679/2153x1442/b6f4585f3b/g_mockup-musik-1348x903.webp/m/1128x755)
Lebensgefühl pur - verspieltes Motiondesign, lebendiges Bild- und Videomaterial und elegante Zierelemente a là The Great Gatsby!
Mit Liebe zu Details machen selbst die kleinen Interaktionen Freude. Beispielsweise der Custom Cursor innerhalb des Sliders oder das Noten-spielende Grammofon für die Sound-Einstellungen.
![iPhone displaying website](https://a.storyblok.com/f/184679/2696x1806/400c7968f4/g_mockup-handy-1348x903.webp/m/1349x904)
![Screenshot of gallery module](https://a.storyblok.com/f/184679/2696x1806/09c5319eb4/g_slider-1348x903.webp/m/1349x904)
![A portion of the site presented on a MacBook Display](https://a.storyblok.com/f/184679/2696x1806/0b96b9c689/geldermann-gallery_text-1348x903_compr.webp/m/1349x904)
![Screenshot of music player](https://a.storyblok.com/f/184679/2696x1806/80fed500ce/g_player-1348x903.webp/m/1349x904)
Mehrstufiger Projektlaunch
Multisensorische Website
Wir blicken auf ein mehrstufiges Projekt, spannende Gestaltungsansätze und viel Musik zurück. Wir sind sehr dankbar darüber, uns kreativ richtig austoben haben zu können! Für den Sekt selbstverständlich auch.
Projekt starten.
Du willst ein Projekt wie dieses angehen?
Wir arbeiten gerne mit inspirierenden Marken und wertegetriebenen Menschen zusammen. Du willst hoch hinaus? Dann lass uns gemeinsam durchstarten.
Klingel unkompliziert durch: +49 721 7540 2308