%20--%3e%3csvg%20version='1.1'%20id='Pfade'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20122.8%2021.3'%20style='enable-background:new%200%200%20122.8%2021.3;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M9.7,0.7H0v0.5h0.3c0.3,0,0.6,0.2,0.7,0.5c0,0,0,0.1,0,0.1v12.8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0H0%20v0.5h9.7c5.5,0,8.7-2.7,8.7-7.5S15,0.7,9.7,0.7z%20M3.4,2.7h6.2c3.9,0,6.2,2,6.2,5.4s-2.3,5.4-6.2,5.4H3.4V2.7z'/%3e%3cpath%20class='st0'%20d='M26.4,5.3c-3.4,0-6.9,1.6-6.9,5.3c0,3.9,3.5,5.3,6.9,5.3s6.9-1.4,6.9-5.3C33.3,6.9,29.8,5.3,26.4,5.3z%20M26.4,14%20c-2.8,0-4.5-1.3-4.5-3.4s1.7-3.4,4.5-3.4S31,8.4,31,10.6S29.2,14,26.4,14z'/%3e%3cpath%20class='st0'%20d='M43.5,5.2c0,0.3-0.1,0.5-0.4,0.5h-0.4c-0.2,0-0.5,0-0.7,0c-1.7,0-3.3,0.6-4.6,1.8v-2h-3V6h0.1%20c0.4,0,0.7,0.2,0.7,0.6v8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.4h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5%20c0-0.1,0-0.1,0-0.2V9.8c1-1.4,2.7-2.2,4.4-2.2c0.7,0,1.4,0.1,2,0.5L44,8.1v-3L43.5,5.2L43.5,5.2z'/%3e%3cpath%20class='st0'%20d='M49.5,14.6V7.4h4.3V5.5h-4.3V4.6c0-1.3,1.1-2,2.9-2c0.7,0,1.5,0.1,2.2,0.4h0.1V0h-0.4v0.1%20c0,0.6-0.2,0.6-0.4,0.6h-0.4c-0.3,0-0.8-0.1-1.1-0.1c-2.4,0-5.1,1.2-5.1,3.8v1h-2.1v1.9h2.1v7.2c0,0.3-0.2,0.6-0.5,0.7%20c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5C49.5,14.7,49.5,14.7,49.5,14.6z'/%3e%3cpath%20class='st0'%20d='M56,5.9L56,5.9c0.5,0,0.8,0.2,0.8,0.6v9.7c0,2.2-0.5,2.5-1.5,2.5c-0.8,0-1.6-0.2-2.4-0.4h-0.1v2.9h0.4v-0.1%20c0-0.4,0.2-0.6,0.4-0.6c0.2,0,0.4,0,0.5,0c0.4,0,0.7,0.1,1.1,0.1c2.8,0,3.7-1.2,3.7-4.7V5.5h-3L56,5.9z'/%3e%3crect%20x='56.4'%20y='1.6'%20class='st0'%20width='2.9'%20height='2.4'/%3e%3cpath%20class='st0'%20d='M73.6,14.6V5.5h-3v0.5h0.1c0.3,0,0.6,0.2,0.7,0.5c0,0,0,0.1,0,0.1v5.8c-1.3,1.1-2.9,1.6-4.6,1.6%20c-2,0-3-0.8-3-2.6V5.5h-3.1v0.5h0.1c0.3-0.1,0.6,0.2,0.7,0.5c0,0.1,0,0.1,0,0.2v5.1c0,2.8,1.6,4.2,4.6,4.2c1.9,0,3.7-0.5,5.2-1.6%20v1.4h3v-0.5h-0.1c-0.3,0-0.6-0.2-0.6-0.6C73.6,14.7,73.6,14.7,73.6,14.6z'/%3e%3cpath%20class='st0'%20d='M88.4,14.6V9.5c0-2.8-1.6-4.2-4.6-4.2c-1.8-0.1-3.7,0.4-5.2,1.5V5.5h-3v0.5h0.1c0.4,0,0.7,0.2,0.7,0.6v8%20c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5h-0.1c-0.3,0.1-0.6-0.2-0.7-0.5c0-0.1,0-0.1,0-0.2V8.8%20c1.3-1.1,2.9-1.6,4.6-1.6c2,0,3,0.9,3,2.6v4.8c0,0.3-0.2,0.6-0.5,0.7c-0.1,0-0.1,0-0.2,0h-0.1v0.5h3.8v-0.5H89%20c-0.3,0.1-0.6-0.2-0.7-0.5C88.3,14.7,88.3,14.7,88.4,14.6z'/%3e%3cpath%20class='st0'%20d='M100.9,6.4c-1.3-0.7-2.8-1.1-4.3-1.1c-2.9,0-6.4,1.4-6.4,5.3s3.4,5.3,6.4,5.3c1.5,0,3-0.4,4.3-1.1V16%20c0,1.7-1.7,2.8-4.3,2.8c-1.9,0-3.8-0.5-5.5-1.4L91,17.3v3.3h0.4v-0.1c0-0.4,0.1-0.6,0.4-0.6c0.2,0,0.5,0.1,0.7,0.2%20c1.4,0.4,2.8,0.6,4.3,0.6c4.1,0,6.3-1.8,6.3-5.1v-9c0-0.4,0.2-0.6,0.7-0.6h0.1V5.4h-3L100.9,6.4z%20M100.9,12.9%20c-1.2,0.7-2.6,1.1-4,1.2c-2.7,0-4.4-1.3-4.4-3.5s1.6-3.5,4.4-3.5c1.4,0.1,2.8,0.5,4,1.2V12.9z'/%3e%3cpath%20class='st0'%20d='M113,9.7l-3.2-0.2c-0.6,0-2.2-0.2-2.2-1.1c0-0.8,1.1-1.2,3.2-1.2c2,0,4,0.4,5.8,1.2l0.1,0.1V5.2h-0.4v0.1%20c0,0.4-0.1,0.6-0.4,0.6c-0.2,0-0.3,0-0.5-0.1l0,0c-1.4-0.4-2.8-0.5-4.3-0.5c-3.7,0-5.6,1.1-5.6,3.2c0,1.7,1.4,2.7,4,3l3.4,0.3%20c0.8,0.1,2.4,0.2,2.4,1.1s-1.3,1.2-3.9,1.2c-2,0.1-4.1-0.3-6-1h-0.1v3.1h0.6v-0.1c0-0.5,0.1-0.6,0.5-0.6c0.2,0,0.4,0,0.6,0.1%20c1.4,0.3,2.8,0.4,4.3,0.4c4.3,0,6.4-1,6.4-3.1C117.5,10.1,114.1,9.9,113,9.7z'/%3e%3crect%20x='119.7'%20y='13.2'%20class='st0'%20width='3.1'%20height='2.5'/%3e%3c/svg%3e){kind=small}
GELDERMANNÉDITION MUSIQUE
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.
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.
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.
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
