Rendere installabile l'app web ha generato un aumento del traffico, della fidelizzazione dei visitatori, delle vendite per cliente e delle conversioni.
Rakuten 24 è un negozio online fornito da Rakuten, una delle più grandi aziende di e-commerce del Giappone. Fornisce una vasta selezione di articoli di uso quotidiano, tra cui generi alimentari, farmaci, sanità, utensili da cucina e altro ancora. L'obiettivo principale del team nell'ultimo anno era migliorare la fidelizzazione e il ricoinvolgimento dei clienti che utilizzano dispositivi mobili. Rendendo la sua app web installabile, l'azienda ha registrato un aumento del 450% del tasso di fidelizzazione dei visitatori rispetto al precedente flusso di web mobile in un periodo di tempo di un mese.
Mettere in evidenza l'opportunità
Nell'ambito del suo impegno volto a conquistare una quota di mercato e a migliorare l'esperienza utente, Rakuten 24 ha identificato le seguenti aree di opportunità:
- In quanto servizio relativamente nuovo, Rakuten 24 non era nella posizione di investire tempo e costi nello sviluppo di un'app specifica per la piattaforma sia per iOS che per Android e cercava un modo alternativo ed efficiente per colmare questa lacuna.
- Poiché Rakuten-Ichiba (il marketplace di e-commerce di Rakuten) è il più grande servizio in Giappone, molti pensano che Rakuten 24 sia un venditore a Rakuten-Ichiba. Come risultato, ha riconosciuto la necessità di investire nella notorietà del brand e aumentare la fidelizzazione degli utenti.
Gli strumenti utilizzati
Installabilità
Per cogliere le due opportunità identificate sopra, Rakuten 24 ha deciso di creare funzionalità delle app web progressive (PWA) su base incrementale, a partire dall'installabilità. L'implementazione dell'installabilità ha comportato un aumento del traffico, della fidelizzazione dei visitatori, delle vendite per cliente e delle conversioni.
beforeinstallprompt
Per ottenere maggiore flessibilità e controllo sul comportamento della finestra di dialogo di installazione, il team ha implementato la propria richiesta di installazione utilizzando l'evento beforeinstallprompt. In questo modo, l'azienda è riuscita a rilevare se l'app era già installata su Android o iOS e a fornire un'esperienza più significativa e pertinente ai propri utenti.
Istruzioni di installazione personalizzate
Per gli utenti che non sono riusciti a installare la PWA dal banner, hanno creato una guida personalizzata (link dal banner) con le istruzioni su come installare manualmente la PWA sui dispositivi Android e iOS.
Workbox per Service worker
Il team di Rakuten 24 ha utilizzato Workbox (il plug-in workbox-webpack per essere precisi) per assicurarsi che la PWA funzionasse bene anche quando l'utente era offline o su una rete scadente. Le API di Workbox per il controllo della cache hanno funzionato molto meglio rispetto al precedente script interno di Rakuten 24. Inoltre, con workbox-webpack-plugin (e Babel), è stato in grado di automatizzare il processo di supporto di una gamma più ampia di browser. Per aumentare ulteriormente la resilienza della rete, ha implementato una strategia di memorizzazione nella cache per gli asset CSS e JS e utilizzato stale-while-revalidate per le immagini che non cambiano spesso.
Risultati generali relativi all'attività
Grazie all'implementazione dell'installabilità, Rakuten 24 è stata in grado di aumentare la frequenza delle visite per utente del 310% rispetto al resto degli utenti web. Inoltre, ha registrato un aumento del 450% della fidelizzazione dei visitatori (rispetto al precedente flusso del web mobile), un incremento del 150% delle vendite per cliente e un incremento del 200% del tasso di conversione. Tutti i miglioramenti sono stati osservati in un periodo di tempo di un mese.
Altri modi in cui l'attività è migliorata con l'installabilità
- Notorietà del brand: poiché gli utenti possono accedere direttamente a Rakuten 24 dalla schermata Home, questo approccio ha aiutato sia gli utenti che Rakuten a separare Rakuten 24 da Rakuten-Ichiba.
- Efficienza:Rakuten 24 è stata in grado di ottenere questi risultati senza spendere molto tempo e denaro per creare app specifiche per le piattaforme per iOS e Android.
La nostra missione è contribuire alla società creando valore tramite l'innovazione e l'imprenditorialità. Un passo verso questo obiettivo è stato migliorare l'esperienza cliente di Rakuten 24 implementando A2HS. Inoltre, nel prossimo futuro prevediamo di migliorare il coinvolgimento delle PWA e la proposta di clienti sviluppando notifiche push tramite l'API Web Push.
Masashi Watanabe, General Manager, Group Marketing Department, Rakuten Inc.
Consulta la pagina Case study di Scale on Web per altri casi di successo da India e Asia.