%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}
MILES & MORE STATUSPROGRAMM
Immersive Scrollytelling Microsite begleitend zum Launch des neuen Loyalitätsprogramms von Miles & More.
Die Herausforderung
Strukturiert informieren und dabei ein Kunden-orientiertes Erlebnis schaffen.
Die Aktualisierung des Loyalitätsprogramms der Lufthansa Group bringt die größte Veränderung der Statuserreichung seit den 90er Jahren mit sich. Diese weitreichenden Veränderungen sind aus einer intensiven Auseinandersetzung mit dem Feedback der Kund*innen des Programms hervorgegangen.
Die Herausforderung dieses Projektes bestanden nicht nur darin, die heterogene Zielgruppe zu verstehen und sich darüber hinaus in dem komplexen Lufthansa-Kosmos einzufinden, sondern den Spagat zwischen klar verständlicher Informationsvermittlung und einer lebendigen User Experience auf der Website zu meistern.
Das Resultat
Eine immersive Scrollytelling-Seite, die User×innen überrascht und informiert.
Kund*innen des Loyalitätsprogramms werden mit einer unerwarteten, immersiven Web-Experience eingeladen, in das neue Statusprogramm einzutauchen.
Als sogenannte Scrollytelling-Website sind visuelle Effekte und Animationen an das Scrolling gebunden. So wird den User*innen ermöglicht, sich die umfangreichen Inhalte des Programms im eigenen Tempo zu erarbeiten. Wer sich tiefer in einzelne Themen einlesen möchte, kann dies in den dafür vorgesehen Modals tun. Durch diese Strukturierung des Inhaltes und Unterbringung auf mehreren Ebenen wird die Startseite nicht mit Informationen überfrachtet.
Vollflächige Übergänge zwischen Sinn-Einheiten, unerwartete Animationen, Schaubilder und Videomaterial machen das neue Statuspunktesystem emotional erfahrbar. Die zentralen Informationen bleiben aber im Fokus.
Als Haupt-Gestaltungselement der Website verwenden wir Punkte. Diese greifen die Kernaussage der Programmänderung: “Meilen werden zu Points.” spielerisch auf.
80.000 Aufrufe weltweit
Interaktive Inhaltsvermittlung
Emotionalisierung von komplexen Inhalten
Nach einer sehr intensiven Konzeptphase, bei der Designer*innen und das Development Team eng zusammen arbeiteten, wurden die Microsite und das Motion-Konzept in kürzester Zeit ausgestaltet.
Der enge Kreativ-Austausch zwischen Kund*innen und Team ermöglichte es uns, in diesem Sprint extrem effizient zu arbeiten und ein unvergleichbares Projekt auf die Rollbahn zu bringen.
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
