CASE STUDY «ALBUM RELEASE» CASE STUDY «WEBSITE»
CASE STUDY
«INTERACTIVE STORY AD» | BMW

TASKS:

UX-Design

UI-Design

Design Thinking

Interaktionslogik

Animationen

Produkt:

Interaktives, hochformatiges Engagement-Ad auf Basis von Social-Media-Storys (Desktop- und Mobile-Version). Nutzerinteraktionen (1,25 Sekunden Hover oder Klick/Tab/Drag) lösen ein Engagement aus und sämtliche Events werden getrackt.

Ziel:

Ziel war es, ein hochformatiges Ad zu entwickeln, das Nutzer intuitiv zur Interaktion animiert – sowohl auf Desktop als auch auf Mobile, trotz unterschiedlicher Interaktionsparadigmen (Hover vs. Swipe).

Die zentralen Herausforderungen:

  • Intuitives Verständnis der Interaktion (horizontaler Swipe).
  • Klare visuelle Führung ohne erklärenden Text.
  • Umsetzung einer 1,25-sekündigen Hover-Interaktion auf Desktop.
  • Übertragbarkeit des Konzepts auf Mobile-Geräte ohne Hover.
  • Steigerung der Engagement-Rate.

Lösungen:

  • Eine dezente Inaktiv-Animation, die nach dem Videodurchlauf einen seitlichen Slide ausführt und den Swipe visuell anteasert.
  • Zwei interaktive Hover-Zonen (links/rechts), welche bei den Pfeilen eine Load-Animation auslösen und nach 1,25 Sekunden einen Swipe auführen.
  • Nach erfolgreichem Swipe wird ein Engagement ausgelöst und das Nutzerverhalten vollständig getrackt.
  • Für Mobile wurde das Konzept adaptiert: Ein zusätzliches Swipe-Hand-Icon signalisiert die Interaktionsmöglichkeit.

Resultat:

Das neue Ad-Format führte zu einer deutlich höheren Interaktionsrate im Hochformat, insbesondere auf Mobile-Geräten. Nutzer verstanden die Interaktion ohne zusätzliche Hinweise, was zu einer messbaren Steigerung der Engagements führte. Das Konzept wurde zum neuen Standard für Hochformate.

Desktop Version:

Live Ad zum hovern und reinklicken.

Mobile Version:

Live Ad zum draggen und reinklicken.

WEITERE CASE STUDIES:

CASE STUDY «ALBUM RELEASE» CASE STUDY «WEBSITE»