Lancôme baut seine mobile Website als PWA um und steigert Conversions um 17%

Details zu Lancome

Der Hersteller von Luxuskosmetik wollte sowohl die Zugriffe als auch die erneute Interaktion fördern. Der Hersteller von Luxuskosmetik führte eine progressive Web-App (PWA) mit Mobify ein, um eine schnelle, app-ähnliche Nutzererfahrung im mobilen Web zu ermöglichen.

  • 17% mehr Conversions
  • 53% mehr mobile Sitzungen auf iOS-Geräten
  • 8% höhere Conversion-Raten bei in Google Ads zurückgewonnenen Einkaufswagen über Push-Benachrichtigungen

Herausforderung

Im Jahr 2016 stellte Lancôme zum ersten Mal fest, dass der mobile Traffic den Desktop-Traffic überholte. Obwohl immer mehr Nutzer Ihre mobile Website besuchen, entsprachen die Conversion-Raten auf Mobilgeräten nicht denen auf Desktop-Computern. Während 38% der Einkaufswagen zu Bestellungen auf Computern führten, betrug die Conversion-Rate im mobilen Web nur 15%. Diese Diskrepanz zeigte, dass es für Nutzer erhebliche Hürden gab, wenn sie über ein Mobilgerät einkaufen wollten. Als das mobile Web zu einem zentralen Schwerpunktbereich wurde, hatte Lancôme Schwierigkeiten, mobile Webkäufer schnell und ansprechend zu präsentieren.

Können wir dafür nicht einfach eine App entwickeln?

Zuerst überlegte Lancôme, eine E-Commerce-App für Mobilgeräte zu entwickeln, stellte dann aber fest, dass eine App nur für Kunden sinnvoll ist, die die Website regelmäßig besuchen. Das Unternehmen erkannte, dass sich die Käufer auf der mobilen Website von Lancôme anders verhalten und dass sie nicht wöchentlich oder gar täglich zu einer E-Commerce-App zurückkehren würden. Lancôme wollte auf allen Geräten die richtige User Experience (UX) schaffen. Das Unternehmen benötigte eine schnell ladende, überzeugende E-Mobile-Umgebung, ähnlich wie eine native App, die aber auch über das mobile Web für alle auffindbar und zugänglich war.

Lösung

Statt nur minimal die zugrunde liegende Website zu aktualisieren, setzte Lancôme auf PWA-Technologien, um ein immersives, app-ähnliches Erlebnis zu bieten. Das Unternehmen nutzte Service Worker, um in instabilen Netzwerken zuverlässige Leistung zu liefern, und Push-Benachrichtigungen für die erneute Interaktion. Die branchenführende PWA erreicht mit Lighthouse, einem automatisierten Tool zur Verbesserung der Qualität von Webseiten, einen Leistungswert von 94 von 100 Punkten.

Mit der neuen PWA sank die Zeit bis zur Interaktivität der Seite im Vergleich zur vorherigen mobilen Website um 84 % und die Absprungraten sanken um 15 %. Die mobilen Sitzungen von Lancôme stiegen um mehr als 50 % und die Conversions um 17%. Die neue Strategie führte auch zu einer deutlich besseren Nutzererfahrung auf allen Plattformen. iOS ist für Lancôme extrem wichtig: 65% aller Nutzer, die ihre PWA aufrufen, verwenden iPhones. Mit der neuen PWA stieg die Sitzungsdauer um 53 % und die Absprungrate ging bei iPhone-Nutzern um 10% zurück (obwohl der Menüpunkt „Zum Startbildschirm hinzufügen“, Push-Benachrichtigungen und Offline-Caching aufgrund fehlender iOS-Unterstützung für Servicemitarbeiter nicht verfügbar waren).

Die höhere Interaktionsrate von Lancôme ergab sich aus der höheren Downloadgeschwindigkeit und der verbesserten Benutzeroberfläche der neuen Website. Auf Android-Geräten, die Servicemitarbeiter unterstützen, nutzte Lancôme auch Technologien zur erneuten Interaktion wie Push-Benachrichtigungen,die bei Nutzern sehr beliebt sind: Seit der Einführung der Website im Oktober 2016 haben sich über 18.000 Käufer für Benachrichtigungen angemeldet. Die Benachrichtigungen sehen genauso aus wie die in systemeigenen Anwendungen und werden auch dann angezeigt, wenn der Browser nicht mehr ausgeführt wird. Lancôme sendet vier oder fünf Benachrichtigungen pro Monat zu exklusiven Werbeaktionen und Produktveröffentlichungen. 8% der Verbraucher, die auf eine Push-Benachrichtigung tippen, kaufen etwas. Das ist viel höher als die Conversion-Rate der Desktop-Website. Lancôme setzt auch sehr erfolgreich Push-Benachrichtigungen ein, um Käufer erneut anzusprechen, die den Einkaufswagen ohne Kauf verlassen haben. Die neue Strategie hat zu einer Öffnungsrate von 18% auf Mobilgeräten geführt, und die Conversion-Raten bei abgebrochenen Einkaufswagen sind um 8 % gestiegen.

Die PWA ist ein Riesenerfolg und verhilft dem Kosmetikkonzern zu großen Schritten im mobilen Web.

Ergebnisse

Gesamt

  • 84% kürzere Zeit bis zur Interaktivität der Seite
  • 17% mehr Conversions
  • Senkung der Absprungrate um 15 %
  • 51% mehr mobile Sitzungen

iOS

  • 53% mehr mobile Sitzungen auf iOS-Geräten
  • 10% niedrigere Absprungraten unter iOS

Push

  • 8% der Verbraucher, die auf Push-Benachrichtigungen tippen, kaufen etwas.
  • 18% Öffnungsrate durch Push-Benachrichtigungen
  • 12% höhere Conversion-Raten bei der Suche nach Warenkorbdaten über Push-Benachrichtigungen