Per aumentare il traffico e il ricoinvolgimento, Lancôme, brand di cosmetici di lusso, ha lanciato un'app web progressiva (PWA) con Mobify per offrire un'esperienza rapida, simile a quella di un'app sul web mobile.
- Il 17% di aumento delle conversioni
- Aumento del 53% delle sessioni mobile su iOS
- Aumento dell'8% dei tassi di conversione sui carrelli recuperati tramite le notifiche push
Challenge
Per la prima volta nel 2016, Lancôme ha eclissato il traffico da dispositivi mobili da computer. Nonostante un numero crescente di visitatori del sito mobile, i tassi di conversione da dispositivo mobile non corrispondevano a quelli dei computer desktop. Mentre il 38% dei carrelli degli acquisti generava ordini da computer, il tasso di conversione dal web mobile era solo del 15%. Questa disparità ha rivelato che i consumatori incontravano ostacoli significativi quando cercavano di effettuare acquisti da dispositivo mobile. Poiché il web mobile è diventato un'area di interesse fondamentale, Lancôme ha lottato per creare un'esperienza rapida e coinvolgente per i suoi acquirenti sul Web mobile.
Non possiamo creare un'app solo per questo?
Inizialmente, Lancôme ha preso in considerazione la creazione di un'app di e-commerce per dispositivi mobili, ma poi ha deciso che era adatta solo ai clienti che la visitavano regolarmente. Hanno capito che gli acquirenti sul sito per dispositivi mobili di Lancôme si comportano in modo diverso e non tornano a un'app di e-commerce ogni settimana, per non parlare ancora di più ogni giorno. Lancôme voleva creare la giusta esperienza utente (UX) su tutti i dispositivi. L'azienda aveva bisogno di un'esperienza mobile veloce e avvincente, simile a quella che si poteva ottenere con un'app nativa, ma che fosse anche rilevabile e accessibile a tutti tramite il web mobile.
Soluzione
Invece di aggiornare minimamente il sito sottostante, Lancôme si è affidata alle tecnologie PWA per offrire un'esperienza immersiva, simile a quella di un'app. Ha sfruttato i service worker per offrire prestazioni affidabili su reti instabili e notifiche push per il ricoinvolgimento. La sua migliore PWA ha ottenuto un punteggio prestazioni di 94/100 su Lighthouse, uno strumento automatizzato per migliorare la qualità delle pagine web.
Con la nuova PWA, il tempo fino a quando la pagina è interattiva è diminuito dell'84% rispetto alla precedente esperienza mobile, con una diminuzione corrispondente del 15% della frequenza di rimbalzo. Lancôme ha registrato un aumento delle sessioni da dispositivo mobile di oltre il 50% e delle conversioni del 17%. La nuova strategia ha inoltre offerto un'esperienza utente molto migliore su tutte le piattaforme. iOS è estremamente importante per Lancôme: il 65% di tutti gli utenti che arrivano sulla sua PWA utilizza iPhone. Con la nuova PWA, Lancôme ha registrato un aumento del 53% della durata delle sessioni e una riduzione della frequenza di rimbalzo del 10% tra gli utenti di iPhone (nonostante la voce di menu "Aggiungi alla schermata Home", le notifiche push e la memorizzazione nella cache offline non fossero disponibili a causa della mancanza di supporto iOS per la PWA dei service worker).
Il maggiore tasso di coinvolgimento di Lancôme è il risultato dell'aumento della velocità di download e dei miglioramenti dell'interfaccia utente del nuovo sito. Sui dispositivi Android (che supportano i service worker), Lancôme ha anche sfruttato tecnologie di ricoinvolgimento come le notifiche push, che sono diventate molto popolari tra gli utenti: oltre 18.000 acquirenti si sono registrati per ricevere avvisi dal lancio del sito nell'ottobre 2016. Le notifiche hanno lo stesso aspetto di quelle presenti nelle app native e arrivano anche se il browser non è più in esecuzione. Lancôme invia quattro o cinque avvisi al mese per promozioni esclusive e rilasci di prodotti. L'8% dei consumatori che toccano una notifica push effettua un acquisto, un tasso di conversione molto più elevato rispetto al tasso di conversione del sito web per computer desktop. Lancôme si è rivelata estremamente efficace anche nell'utilizzo delle notifiche push per ristabilire i contatti con gli acquirenti che hanno abbandonato i carrelli. La nuova strategia ha generato un tasso di apertura del 18% sui dispositivi mobili e i tassi di conversione sui carrelli abbandonati sono aumentati dell'8%.
Nel complesso, la PWA ha riscosso un enorme successo, aiutando il gigante della bellezza a fare grandi passi nel web mobile.
Risultati
Complessiva
- Riduzione dell'84% nel tempo fino a quando la pagina è interattiva
- Il 17% di aumento delle conversioni
- 15% di riduzione della frequenza di rimbalzo
- Aumento del 51% delle sessioni da dispositivo mobile
iOS
- Aumento del 53% delle sessioni mobile su iOS
- Riduzione del 10% della frequenza di rimbalzo su iOS
Spingi
- L'8% dei consumatori che tocca una notifica push effettua un acquisto
- Percentuale di apertura delle notifiche push del 18%
- Aumento del 12% dei tassi di conversione sui carrelli recuperati tramite le notifiche push