Fino a pochi anni fa, era difficile immaginare quando una tecnologia potesse replicare l'esperienza di un'app mobile nativa. Tuttavia, poiché essere accessibili sui dispositivi mobili sta diventando sempre più essenziale nello spazio e-commerce, la marcia del progresso ha effettivamente trovato una soluzione entusiasmante.
App o PWA Web progressive sono in circolazione dal 2015. Questa tecnologia funziona ovunque e può fornire l'esperienza utente altamente coinvolgente di un'app nativa senza gli stessi costi di sviluppo.
Le PWA sono state utilizzate da grandi aziende come Twitter, Alibaba e Walmart per aumentare i tassi di conversione e aumentare i ricavi. Tuttavia, anche le piccole e medie imprese possono trarre vantaggio dalle stesse tecnologie per creare un'esperienza simile ad un'app per i propri clienti ed espandere il proprio pubblico.
In questo articolo, illustreremo quali sono i PWA, come stanno beneficiando l'e-commerce e come un'azienda CBD ha utilizzato i PWA sul frontend per lanciare il loro sito di e-commerce senza testa.
Che cos'è un PWA?
Un'app Web progressiva è una tecnologia che consente alle aziende di creare applicazioni Web che abbiano l'aspetto di app mobili native, il tutto utilizzando tecnologie Web come JavaScript, HTML, CSS. Gli sviluppatori possono utilizzare generatori di siti statici come Gatsby o VuePress per lanciare vetrine PWA altamente coinvolgenti. Questi possono quindi essere collegati a piattaforme di e-commerce sul back-end.
Le PWA vengono eseguite in un browser ma offrono agli utenti l'esperienza di un'app nativa tramite funzionalità chiave come:
- Accesso all'app tramite la schermata principale del cellulare
- Accesso all'app offline
- Le notifiche push
Le PWA potrebbero presto eclissare le app native. Un sondaggio di Jaxenter ha rilevato che il 46% del pubblico degli sviluppatori ritiene che le PWA siano il futuro, mentre solo il 14% che ritiene che le app native prevarranno alla fine. Per alcune aziende che hanno un'app mobile nativa potrebbe avere ancora più senso. Per altri PWA può sostituire un'app mobile. Alcune aziende possono persino combinare entrambe le tecnologie.
La tecnologia PWA sta guadagnando slancio come nuova tecnologia popolare per le configurazioni commerciali senza testa. Il commercio senza testa significa separare il livello di presentazione del frontend dalla funzionalità di e-commerce back-end. Utilizzando un PWA sul frontend, il marchio può ottenere l'esperienza veloce, reattiva e simile a un'app che desidera, mentre lo collega attraverso le API alle funzionalità commerciali che possono guidare i clienti attraverso la conversione.
Vantaggi delle app Web progressive
La quota mobile di e-commerce è in rapida crescita. Entro il 2021, il commercio mobile dovrebbe generare il 53,9% di tutti i ricavi delle vendite al dettaglio online. Le aziende sono alla ricerca del modo migliore per ottenere la loro quota nel mercato dell'e-commerce mobile. Mentre in precedenza, in quel modo avrebbe potuto richiedere un'app nativa, oggi i vantaggi dei PWA potrebbero consentire ad alcune aziende di ottenere la stessa funzionalità con i PWA.
1. Raggiungi un pubblico più vasto.
Le PWA sono progettate per funzionare per ogni utente, indipendentemente dalla piattaforma su cui si trovano. Sono anche reattivi per adattarsi a schermi di dimensioni diverse. Dal momento che sono immediatamente accessibili a un vasto pubblico e facili da condividere tramite un collegamento, più persone li adottano di quanti impiegherebbero il tempo per scaricare un'app.
2. Costi e tempi di sviluppo ridotti.
Un'app nativa richiede non solo il proprio sviluppo ma anche la propria manutenzione. E per raggiungere lo stesso pubblico devi creare sia un'app per Android che un'app per iOS e potenzialmente un'app per Windows 10 e gestirle tutte oltre al tuo sito.
3. Velocità e accessibilità.
Google ha riscontrato che il 53% degli utenti mobili abbandona un sito se il caricamento richiede più di 3 secondi. La velocità è della massima importanza e le PWA possono fornire ciò poiché sono progettate per esperienze utente fluide e veloci. Le PWA tendono ad essere super veloci perché utilizzano moderne tecnologie e framework di sviluppo web. Ancora meglio, le app funzionano anche offline o con reti di qualità inferiore.
4. Migliore conversione.
In parte a causa del vantaggio di cui sopra, le PWA forniscono una migliore esperienza utente per i clienti e una migliore esperienza utente significa tassi di conversione più elevati. Ad esempio, Alibaba ha visto un aumento del 76% delle conversioni su diversi browser dopo l'introduzione dei PWA.
Come le PWA possono funzionare con l'e-commerce
Ora che hai compreso alcuni dei vantaggi dell'utilizzo di una vetrina PWA con il tuo negozio di e-commerce, quali sono alcune delle opzioni per costruire la tua vetrina? Eccone alcuni da considerare.
1. Divinità.
Questa è una nota piattaforma orientata ai microservizi e PWA. Deity adotta un approccio modulare per risolvere i requisiti PWA aziendali e può essere sfruttato con vari frontend. La loro DEITY Falcon è uno di questi frontend PWA che consente alle aziende di tutte le dimensioni di offrire ai propri utenti esperienze Web e mobili scalabili e affidabili.
Nell'ottobre 2019, Deity ha annunciato una partnership con BigCommerce in modo che i clienti possano utilizzare DEITY Falcon sul frontend e connettersi facilmente alla piattaforma heada SaaS aperta altamente estensibile di BigCommerce sul backend. Con questa configurazione senza testa, le aziende possono creare le esperienze web che i loro clienti si aspettano, compresi tutti i vantaggi di un'app nativa, con una velocità di innovazione molto più rapida e un costo di proprietà inferiore.
2. Gatsby.
Gatsby è un framework estremamente popolare utilizzato per la creazione di siti PWA statici con React. Gatsby ha un'ottima documentazione e una forte comunità di sviluppatori che ci lavora. Consente la creazione di siti Web e app incredibilmente veloci.
L'agenzia Third e Grove hanno contribuito a sviluppare un plug-in di origine Gatsby-BigCommerce che semplifica la costruzione di un negozio di e-commerce PWA utilizzando Gatsby sul frontend e BigCommerce sul backend. BigCommerce ha anche rilasciato un modello CMS Gatsby-Netlify per avviare rapidamente lo sviluppo di un negozio PWA senza server.
3. Vue Storefront.
Vue Storefront è uno dei PWA agnostici della piattaforma in più rapida crescita, il che significa che può essere utilizzato con la maggior parte delle piattaforme di e-commerce che potresti voler utilizzare, incluso BigCommerce.
Puoi vedere la strategia di PWA prendere piede semplicemente da come la comunità degli sviluppatori sta reagendo. Vue Storefront ha rapidamente aumentato il numero di stelle su Github (segno che gli sviluppatori apprezzano o vogliono aggiungere un segnalibro a un progetto) e il canale Vue Storefront Slack ha oltre 1.200 membri.
Canvas 1839: una storia di successo senza testa PWA
Canvas 1839 è una società con sede ad Austin che vende prodotti premium per il benessere con CBD. Di recente hanno lanciato il loro sito su BigCommerce utilizzando un PWA basato su Gatsby. Ciò ha permesso loro di ottenere i vantaggi di SaaS per l'e-commerce con una maggiore libertà di innovazione sul frontend.
Corey Ward, lo sviluppatore web senior che ha lavorato con Canvas 1839 per creare il loro sito ha spiegato perché è stata scelta questa configurazione senza testa: "Ci siamo sentiti più sicuri di poter affrontare qualsiasi sfida ci avessero lanciato utilizzando strumenti come Gatsby, React, e GraphQL di quanto non abbiamo costretto noi stessi a strumenti specifici della piattaforma che si rivolge a un'esperienza di e-commerce tradizionale. È vantaggioso perché contiamo molto su strumenti di sviluppo come Git, Babel e Webpack e nessuno di questi è ben supportato su qualsiasi piattaforma di e-commerce SaaS di cui siamo a conoscenza. "
I vantaggi dell'utilizzo di headless significano anche tempi di sviluppo e aggiornamenti più rapidi ed efficienti sia per gli sviluppatori che per i professionisti del marketing del team. Ward spiega: "Per la gestione dei contenuti, stiamo usando un approccio davvero flessibile che consente al team di marketing di creare nuove pagine da una libreria di blocchi di contenuti che abbiamo definito in Contentful. Ciò consente ai team di marketing e di contenuti di creare pagine informative complete che sono completamente integrate con il resto del sito; sia che si tratti di inserire una sezione di prodotto in un post di blog o di aggiungere una sezione a discesa Domande frequenti a una pagina di prodotto, è tutto possibile dall'interno di Contentful, nessuno sviluppatore o codice necessario "
Dopo aver lanciato su Shopify e sperimentato dolori crescenti, Canvas 1839 trovò una casa con BigCommerce come una piattaforma che supporta sia i commercianti di CBD sia abbastanza estensibile per costruire ciò di cui avevano bisogno. A proposito della transizione, Ward afferma: “Ci è piaciuto che BigCommerce supportasse i pagamenti Square e che l'esperienza di pagamento ci permettesse di integrarci con il segmento. Siamo stati in grado di effettuare la transizione senza alcuna modifica dell'esperienza utente sul nostro sito Web, il che è piuttosto incredibile. "
Le esperienze di acquisto non sono adatte a tutti. Gli Apple Store sarebbero un modo terribile per Home Depot di provare a vendere strumenti e viceversa. Utilizzando un approccio senza testa, prendiamo decisioni in base al contesto per il tipo di esperienza che stiamo cercando di creare. Apprezziamo quel livello di intenzione. – Cory Ward, Senior Web Developer, Canvas 1839
Sebbene il sito Canvas 1839 sia stato lanciato troppo di recente per avere dati comparativi forti, Ward afferma di aver già ricevuto una grande accoglienza aneddotica dai clienti. E con un sistema flessibile facile da innovare e su una piattaforma costruita su scala, hanno molto spazio per crescere ed espandersi.
