Scopri come un piccolo team ha ottenuto grandi risultati creando una PWA marketplace accattivante.
Con sede ad Amman, in Giordania, OpenSooq è un marketplace di annunci di tipo mobile che offre un'ampia gamma di prodotti e servizi in 19 paesi del Medio Oriente e del Nord Africa.
La sfida
Oltre l'85% del traffico di OpenSooq proviene da dispositivi mobili e questo numero continua ad aumentare. Molte persone nella regione si affidano a dispositivi di fascia bassa con capacità di archiviazione limitate, il che rende necessario che il sito mobile di OpenSooq sia il più veloce e leggero possibile. Tuttavia, i tempi di caricamento lenti del vecchio sito mobile di OpenSooq stavano influenzando la soddisfazione dei clienti e hanno portato a frequenze di rimbalzo fino al 49% in mercati come il Kuwait.
Per offrire ai propri clienti un'esperienza sempre migliore su tutte le piattaforme, l'azienda ha capito che aveva bisogno di un sito web più veloce e reattivo. Di conseguenza, a giugno 2017 il team di ingegneria di OpenSooq ha lanciato un'app web progressiva (PWA).
Un occhio di riguardo per prestazioni e affidabilità
I tre sviluppatori interni di OpenSooq sono riusciti a creare una PWA completa con React e webpack in soli due mesi e mezzo.
Per garantire che il sito fosse veloce e facilmente indicizzato dai motori di ricerca, il team ha scelto di implementare il rendering lato server. Dato che quasi il 28% degli utenti accedeva all'app web progressiva su reti 2G o 3G discontinue, era fondamentale che gli utenti si fidasse del funzionamento dell'esperienza, indipendentemente dai vincoli della rete. Di conseguenza, il team ha implementato un'esperienza offline utilizzando i service worker e una strategia cache-first-then-network. Ha utilizzato anche il pattern PRPL per offrire agli utenti un caricamento istantaneo.
Adottando queste best practice, il team è stato in grado di ridurre il tempo di caricamento medio della pagina (tempo all'interattività) da 4 a meno di 2 secondi. Inoltre, ha utilizzato Lighthouse per assicurarsi che il sito rimanesse così veloce. Questi sforzi hanno aiutato OpenSooq a raggiungere oltre 1,8 miliardi di visualizzazioni di pagina al mese.
Oltre un quarto dei nostri utenti accede alla PWA OpenSooq da reti di medio basso livello, quindi l'affidabilità era essenziale per mantenere questi utenti coinvolti. I service worker e le strategie di memorizzazione nella cache ci hanno aiutato a creare senza problemi l'esperienza utente affidabile di cui avevamo bisogno.
Amin Shoman, Technical Manager PWA, OpenSooq
Migliorare il ricoinvolgimento
Dopo aver creato un'esperienza affidabile e performante, il team di OpenSooq voleva assicurarsi che gli utenti rimanessero coinvolti con il prodotto. Per farlo, hanno consentito agli utenti di installare la PWA nella schermata Home e hanno aggiunto il supporto per le notifiche significative. In questo modo, il sito ha potuto inviare agli acquirenti una notifica relativa all'interazione del venditore con le query e ai venditori una notifica relativa all'attivazione e alla scadenza degli annunci.
Grazie a questi miglioramenti, gli utenti attivi mensili dell'esperienza web di OpenSooq sono aumentati del 14%. Per gli utenti che hanno installato la PWA, si è registrato un aumento del 48% del numero di visite di pagina per sessione e un balzo del 28% nella durata media della sessione. OpenSooq ha registrato anche un aumento del 25% del tempo medio degli utenti su una pagina e un calo del 29% delle frequenze di rimbalzo medie in tutti i mercati.
Prospettive future
Dopo solo poche settimane di lavoro, OpenSooq ha creato una PWA completa da 23 KB che offre un'esperienza coerente agli utenti su tutte le piattaforme e i browser. Inoltre, poiché è facile aggiornare le funzionalità sul web, il team ha scelto di dare la priorità alle PWA lanciando e testando nuove funzionalità e flussi utente sulla propria PWA prima di implementarle su altre piattaforme.
OpenSooq sta lavorando all'aggiunta di una richiesta di installazione specifica per la piattaforma e all'integrazione della PWA con Accelerated Mobile Pages (AMP). Questi miglioramenti velocizzeranno ulteriormente i caricamenti delle pagine e renderanno la transizione all'app specifica della piattaforma il più semplice possibile. Basandosi sulle basi del proprio impegno iniziale per lo sviluppo, il team di OpenSooq continuerà a offrire ai propri utenti la migliore esperienza possibile.
L'importanza dello sviluppo della nostra PWA era chiara sia per i team di leadership sia per quelli tecnici. Dopo aver creato un'app web moderna e averla resa performante, siamo entusiasti di vedere l'impatto aziendale del nostro investimento di 2,5 mesi.
Ramzi Alqrainy, Chief Technology Officer, OpenSooq