ISTANTANEA CLIENTE
Scopri come la soluzione Jamstack di Edgio ha trasformato l'esperienza digitale di Universal Standard e ha innescato una crescita notevole
Universal Standard è un rivenditore online di moda che offre l’assortimento di abbigliamento più completo al mondo. Spinti dall’innovazione e dalla definizione di nuovi standard, gli sviluppatori di Universal Standard hanno cercato una moderna soluzione per siti Web Jamstack per migliorare la loro esperienza digitale.
Per trarre vantaggio dalla velocità del sito e dalla velocità degli sviluppatori Web, Universal Standard ha scelto Edgio come piattaforma all-in-one per sviluppare ed eseguire il proprio sito dinamico. Il rivenditore di moda ora distribuisce il suo negozio Nuxt in secondo piano settimanalmente e ha aumentato il tasso di conversione dei dispositivi mobili del 200%, su Edgio.
“La piattaforma stessa è molto, molto veloce.”
Justin Metros, Head of Technology, Universal Standard
La sfida dello standard universale
Prima di Edgio, UniversalStandard.com era un tradizionale sito Shopify, scritto nel suo linguaggio Liquid template, ospitato e servito sui server del negozio e distribuito sulla sua CDN.
Man mano che il sito diventava più complesso, il caricamento delle pagine rallentava e le iterazioni rapide diventavano più difficili sull’architettura monolitica. Il team aveva bisogno di maggiore flessibilità in tutte le aree, dal lavoro con i dati alla visualizzazione dell’interfaccia utente al controllo del sito stesso.
Soluzione Universal Standard
Il primo passo verso una soluzione migliore è stato il disaccoppiamento del frontend dal backend per un’architettura senza testa. In questo modo, Universal Standard potrebbe sfruttare gli strumenti migliori nell’ecosistema Jamstack, continuando a utilizzare Shopify per il suo CMS di eCommerce senza testa e il sistema di checkout.
Successivamente, il team ha scelto una piattaforma di hosting la cui tecnologia ha soddisfatto le esigenze di velocità del sito Web, gestione della CDN e reporting, accompagnata da una buona esperienza degli sviluppatori. La soluzione applicativa di Edgio è diventata la loro potente soluzione per sviluppare, distribuire, eseguire e monitorare il frontend senza testa.
Oggi, UniversalStandard.com è un sito Web Nuxt con un backend GraphQL per recuperare i dati aziendali archiviati in Shopify e Prismic. Tra il livello di dati e il frontend ora vive Edgio, che memorizza nella cache i dati GraphQL e Nuxt.js.
Più veloce e facile è l’utilizzo di una piattaforma, più uno sviluppatore può risparmiare tempo e fare di più. Con l’architettura precedente, la creazione di ambienti di staging diversi è diventata difficile e ingombrante e gli strumenti di sviluppo erano inadeguati.
Il responsabile della tecnologia ha spiegato che i flussi di lavoro basati su Git di Edgio e gli strumenti moderni hanno comportato implementazioni più rapide e frequenti. Il team può lavorare in modo indipendente, eseguire regole edge localmente, visualizzarle in anteprima in fase di pre-produzione e fornire feedback in tempo reale.
“Ho tutto ciò di cui ho bisogno per risolvere i problemi ed essere produttivo”, ha dichiarato Metros.
Le distribuzioni su Edgio sono accurate, responsabili e verificabili. Ogni volta che il team crea un ramo, ottiene implementazioni atomiche e rollback istantanei. “La velocità dello sviluppatore è aumentata drasticamente”.”
Subito dopo il lancio su Edgio, i caricamenti delle pagine di Universal Standard sono scesi a 1,5 secondi. In precedenza gli acquirenti aspettavano in media 4-7 secondi il caricamento di una pagina di prodotto, anche in condizioni di rete soddisfacenti.
Per ottimizzare ulteriormente la velocità, il team ha sfruttato il caching edge tramite EdgeJS di Edgio. Il sito Web di e-commerce ha superato il record e ha ottenuto caricamenti di pagine inferiori alla seconda controllando la memorizzazione nella cache all’interno del codice applicazione di Universal Standard. Inoltre, il sito di eCommerce sta passando i principali segni vitali Web in tutte le pagine chiave con l’aiuto del monitoraggio in tempo reale.
Come la maggior parte dei siti di e-commerce, i contenuti dei prodotti di Universal Standard (ad esempio, inventario e prezzi) vengono aggiornati al minuto, pertanto le pagine dinamiche sono necessarie per gli aggiornamenti in tempo reale. Su Edgio, il rivenditore memorizza nella cache oltre il 95% dei suoi contenuti dinamici all’edge attraverso quasi 100 punti di presenza (POP) globali.
“Il numero di POP riduce la quantità di tempo necessaria per i round trip alla rete, rendendo i tempi di latenza e ping estremamente bassi”, ha dichiarato Metros.”
In media, UniversalStandard.com’s home page caricate in 1.05 e le transizioni dalle pagine di elenco prodotti (PLP) alle pagine di descrizione prodotto (PDP) caricano in 600 ms.
“Il numero di POP riduce la quantità di tempo necessaria per i round trip alla rete, rendendo i tempi di latenza e ping estremamente bassi”, ha dichiarato Metros.”
Prima che Universal Standard decidesse di passare a un’architettura headless e ri-piattaforma alle soluzioni applicative di Edgio, circa il 50% del traffico era destinato sia a dispositivi mobili che a desktop. Il tasso di conversione sui dispositivi mobili, tuttavia, non poteva competere con il desktop.
Grazie alle capacità prestazionali di Edgio, Universal Standard vede oggi circa il 70% del traffico proviene dai dispositivi mobili, che ha triplicato il tasso di conversione, aumentato il valore medio degli ordini del 42%, ridotto il tasso di rimbalzo del 40% e aumentato i ricavi del 81% su base annua.
Gli utenti mobili trascorrono il triplo del tempo in loco, con una durata in aumento del 200%. “È chiaro che i nostri utenti stanno godendo la loro esperienza di più con un sito più veloce.”
Universal Standard dispone di un canale Slack condiviso con gli sviluppatori Edgio e i progettisti di soluzioni per risolvere rapidamente i problemi e offrire assistenza. “Il team di Edgio è fenomenale”, ha detto Metros, “il team viene sempre al tavolo con idee e disponibilità ad aiutare – e sono super competenti”.
Quando i nostri clienti si sentono in grado di creare soluzioni di prim’ordine per le loro esigenze specifiche, noi vinciamo come azienda. Comprendiamo le complessità della gestione di un sito Web di e-commerce dinamico e disponiamo di team dedicati che forniscono assistenza in qualsiasi fase del percorso.
