INSTANTÂNEO DO CLIENTE
Saiba como a solução Jamstack da Edgio transformou a experiência digital da Universal Standard e desencadeou um crescimento notável
A Universal Standard é uma loja de moda online que oferece a mais ampla gama de roupas com inclusão de tamanho do mundo. Impulsionados pela inovação e estabelecendo novos padrões, os desenvolvedores da Universal Standard procuraram uma solução moderna de sites Jamstack para aprimorar sua experiência digital.
Para se beneficiar da velocidade do site e da velocidade do desenvolvedor web, a Universal Standard escolheu o Edgio como sua plataforma tudo-em-um para desenvolver e executar seu site dinâmico. O Varejista de moda agora implanta sua loja Nuxt de segunda vez semanalmente e elevou a taxa de conversão móvel em 200%, no Edgio.
“A plataforma em si é muito, muito rápida.”
Justin Metros, Chefe de Tecnologia, Universal Standard
Desafio do Padrão Universal
Antes de Edgio, UniversalStandard.com era um site tradicional da Shopify, escrito em sua linguagem de modelo líquido, hospedado e servido nos servidores da loja, e implantado em seu CDN.
À medida que o site se tornou mais complexo, as cargas de páginas desaceleraram e as iterações rápidas tornaram-se mais difíceis na arquitetura monolítica. A equipe precisava de mais flexibilidade em todas as áreas, desde trabalhar com dados, até a exibição da interface do usuário, até o controle do próprio site.
Solução da Norma Universal
O primeiro passo para uma solução melhor foi dissociar o frontend do backend para uma arquitetura sem cabeça. Ao fazer isso, a Universal Standard poderia aproveitar as melhores ferramentas do ecossistema Jamstack enquanto ainda usava a Shopify para seu CMS e sistema de checkout sem cabeça.
Em seguida, a equipe escolheu uma plataforma de hospedagem cuja tecnologia atendeu às suas necessidades de velocidade do site, gerenciamento de CDN e relatórios, acompanhada por uma boa experiência de desenvolvedor. A solução de aplicativos do Edgio tornou-se sua poderosa solução para desenvolver, implantar, executar e monitorar seu frontend sem cabeça.
Hoje, UniversalStandard.com é um site Nuxt com um backend GraphQL para buscar dados de negócios armazenados no Shopify e Prismic. Entre a camada de dados e o frontend agora vive Edgio, que armazena em cache dados GraphQL e Nuxt.js.
Quanto mais rápida e fácil for usar uma plataforma, mais um desenvolvedor pode economizar tempo e fazer mais. Com a arquitetura anterior, a criação de diferentes ambientes de preparação tornou-se difícil e complicada e as ferramentas de desenvolvimento eram inadequadas.
O Chefe de Tecnologia explicou que os fluxos de trabalho baseados em Git e as ferramentas modernas de Edgio significaram implementações mais rápidas e mais frequentes. A equipe pode trabalhar de forma independente, executar regras de borda localmente, visualizá-las na pré-produção e fornecer feedback em tempo real.
“Tenho tudo o que preciso para resolver problemas e ser produtivo”, afirmou Metrôs.
As implantações no Edgio são precisas, responsáveis e testáveis. Toda vez que a equipe cria um branch, eles recebem implanta atômica e rollbacks instantâneos. “A velocidade do desenvolvedor aumentou dramaticamente.”
Imediatamente após o lançamento no Edgio, as cargas de página do Universal Standard caíram para 1,5 segundos fora da caixa. Anteriormente, os compradores estavam esperando 4-7 segundos em média para que uma página de produto fosse carregada – mesmo com boas condições de rede.
Para otimizar ainda mais a velocidade, a equipe aproveitou o cache de borda por meio do EdgeJS do Edgio. O site de comércio eletrônico quebrou seu recorde e alcançou cargas de páginas de sub-segunda controlando o cache dentro do código de aplicativo da Universal Standard. Além disso, o site de comércio eletrônico está passando Core Web Vitals em todas as páginas-chave com a ajuda de monitoramento em tempo real.
Como a maioria dos sites de comércio eletrônico, o conteúdo do produto da Universal Standard (ou seja, inventário e preços) é atualizado a cada minuto, para que as páginas dinâmicas sejam necessárias para atualizações em tempo real. No Edgio, o Varejista armazena em cache 95% mais de seu conteúdo dinâmico na borda através de quase 100 pontos globais de presença (POPs).
“O número de POPs reduz o tempo necessário para essas rodadas para a rede, tornando nossos tempos de latência e ping extremamente baixos”, afirmou Metrôs.
Em média, UniversalStandard.com’s homepage carrega em 1.05s e transita de páginas de listagem de produtos (PLP) para páginas de descrição de produtos (PDP) carregam em 600ms.
“O número de POPs reduz o tempo necessário para essas rodadas para a rede, tornando nossos tempos de latência e ping extremamente baixos”, afirmou Metrôs.
Antes da Universal Standard tomar a decisão de mudar para uma arquitetura sem cabeça e re-plataforma para as soluções de aplicativos da Edgio, cerca de 50% do tráfego estava indo para dispositivos móveis e desktop. A taxa de conversão no celular, no entanto, não conseguiu competir com o desktop.
Com os recursos de desempenho do Edgio, a Universal Standard agora vê cerca de 70% do tráfego vindo do celular, que triplicou a taxa de conversão, aumentou o valor médio do pedido em 42%, diminuiu a taxa de rejeição em 40% e aumentou a receita em 81% em relação ao ano anterior.
Os usuários móveis passam o triplo do tempo no local, com durações acima de 200%. “É claro que nossos usuários estão desfrutando mais de sua experiência com um site mais rápido.”
A Universal Standard tem um canal Slack compartilhado com desenvolvedores e engenheiros de soluções Edgio para resolver rapidamente problemas e oferecer ajuda. “A equipe do Edgio é fenomenal”, disse Metrôs, “a equipe sempre vem à mesa com ideias e vontade de ajudar – e eles são super conhecedores”.
Quando os nossos clientes se sentem capacitados para construir as melhores soluções para as suas necessidades específicas, ganhamos como empresa. Entendemos as complexidades de executar um site de comércio eletrônico dinâmico e temos equipes dedicadas fornecendo suporte em qualquer etapa do caminho.
