Avançando para proporcionar uma experiência de usuário superior, empresas de todos os tipos estão agora a adotar as mais recentes tecnologias, incluindo aplicações progressivas da Web (DWAs), aplicações de página única (SPA) e sites da React. O desempenho da rede móvel já não é uma preocupação para esses líderes da indústria que mudaram para o eCommerce sem cabeça e adotaram aplicativos progressivos da web de eCommerce para fornecer experiências de conversão e iluminação rápida.
Como a velocidade equivale a receitas, e o comércio eletrónico é uma indústria altamente competitiva, é difícil encontrar exemplos progressivos de aplicações web. Mas acreditamos que esta informação deve ser partilhada com o público à medida que os adotantes da PWA estão a receber maior visibilidade, tráfego, envolvimento e conversões. Para ajudar as empresas de comércio eletrónico a compreender o panorama atual e a ter uma ideia do local onde estão, apresentamos mensalmente alguns dos principais exemplos de PWA de comércio eletrónico. Nesta edição, temos dividido as empresas líderes nas indústrias de decoração de casa, redes sociais e retalhistas de massa.
Plataformas de redes sociais com DWAs
1. Pinterest – PWA
O Pinterest foi um dos primeiros a adotar uma PWA para os seus utilizadores de iOS e Android. Uma plataforma destinada a inspirar mentes criativas fez com que as pessoas deixassem a sua experiência móvel. O Pinterest informou que a sua nova experiência de PWA nativa, semelhante a aplicações, aumentou a sua contagem ativa de utilizadores móveis em mais do dobro, e a duração da sessão aumentou quase 4 vezes. A carga de JavaScript da página inicial passou de 490 KB para 190 KB, criando cargas de página quase instantâneas para os utilizadores, mesmo em ambientes com pouca largura de banda. As notificações push, o aviso “Adicionar à tela inicial”, a configuração de “modo noturno” e o armazenamento em cache de ativos criaram uma experiência verdadeiramente cativante para os utilizadores móveis.
2. Tinder – PWA
O Tinder, a aplicação de encontros que vê mais DE 60 M de utilizadores mensais em mais de 250 países diferentes, oferece um PWA para utilizadores de computadores e dispositivos móveis. Conhecida como Tinder Online, a nova experiência na web recebe mais swipes, edições de perfil e tempo gasto por sessão de usuário do que a experiência de aplicativo nativo. O pequeno tamanho do núcleo da PWA ajudou o Tinder a reduzir os tempos de carga de 11,9 segundos para 4,69 segundos e a fazer com que os utilizadores se envolssem – e deslizassem para a direita – a um máximo de sempre.
Comparando o Tinder PWA com exemplos de aplicativos nativos. (Fonte: Médio )
3. Twitter – PWA
Num esforço direto para criar mais envolvimento do utilizador, o Twitter voltou-se para a tecnologia PWA para proporcionar uma melhor experiência ao utilizador e viu grandes vitórias. O Twitter Lite é um ótimo exemplo de PWA, pois aumentou as páginas por sessão em 65% e aumentou a quantidade de Tweets enviados em 75%. Ao adicionar o modo de poupança de dados e otimizar o tamanho do seu PWA até 60 KB, os seus mais de 300 milhões de utilizadores ativos móveis podiam navegar rapidamente pelo conteúdo, mesmo em redes 2G.
Decoração de casa que fornece PWAS
4. Annie Selke – PWA e AMP
Annie Selke traz decoração de casa de qualidade para mais de 170 mil visitantes por mês. Compreendendo a importância da velocidade do website em SEO e SEM, a empresa de mobiliário doméstico lançou o seu PWA com conversão automática de AMP no backend sem servidor de Edgio para Frontend (BFF). Annie Selke viu um aumento dramático de 40,41% no tráfego orgânico móvel e reduziu as suas velocidades de navegação para um tempo médio de carga de 538 ms em Edgio. Através de AMP, renderização no lado do servidor e tecnologias PWA, Annie Selke vê um tempo médio de carregamento na primeira página de 0,74 s em fontes de tráfego.
Entregar um wesbite de eCommerce sub-segundos
O Edgio consistentemente fornece páginas com menos de 500 ms medianas para grandes sites de comércio eletrônico. Sabe-se que estes ganhos de velocidade levam a aumentos de conversão de 15 a 30%.
5. Kirkland’s Inc. – PWA E AMP
A Kirkland’s ultrapassou as suas 431 lojas em 37 estados e optimizou para que um PWA de comércio eletrónico alcance qualquer cliente a qualquer momento. Otimizar a velocidade do local era o seu principal objetivo, uma vez que a identificaram como uma vanguarda competitiva. A loja de decoração de casa usou o framework React PWA de código aberto do Edgio com conversão AMP integrada e suporte de renderização no lado do servidor na infraestrutura do Edgio. A Kirkland está agora entre os websites de retalho mais rápidos e permite compras rápidas e fáceis com carregamentos de páginas inferiores a segundos, verificação de impressões digitais e logins com um clique.
6. West Elm – PWA
A West Elm, de propriedade da empresa-mãe Williams-Sonoma Inc. É um grande líder da indústria que adotou a tecnologia PWA para a sua experiência de comércio móvel. O estilo moderno dos seus produtos combina com a sua experiência PWA com um visual elegante e elegante para os seus 4 milhões de utilizadores mensais. O aplicativo progressivo de eCommerce trouxe um aumento de 15% no tempo médio no site e um aumento de 9% nas conversões.
Retalhistas em massa com DWAs de comércio eletrónico
7. Macy’s. – SPA
A Macy’s, uma empresa IR6 e número 1 na sua indústria de vestuário e acessórios, fez a transição para um eCommerce sem cabeça para proporcionar a melhor experiência possível para os seus mais de 60 milhões de visitantes mensais. O resultado: Crescimento online de dois dígitos nos últimos 3 anos. A velocidade do site da Macy melhorou tremendamente e, por sua vez, aumentou a sua classificação de pesquisa e a experiência do cliente. Neste recente webinário, Lenny Stofsky, diretor de Engenharia da Macy’s, afirma que a abordagem sem cabeça e a sua arquitetura de microsserviços os tornam mais ágeis e ágeis. “Através de Dev ops automatizados, testes de regressão melhorados e equipas dedicadas a escalar e inovar, podemos implementar a cada duas semanas”, afirma Stofsky.
Ouça Lenny Stofsky, diretor de engenharia da Macys.com, atravessar a transição de uma plataforma monolítica de comércio eletrónico de um único fornecedor para um sistema flexível e de qualidade baseado em microsserviços.
8. Staples – PWA
A velocidade do website da Staples tornou-se uma prioridade máxima para proporcionar a melhor experiência possível para gerar mais vendas. Estes resultados desejados tornaram-se importantes à medida que o retalhista em massa descobriu que o seu tempo de carga aumentou, a sua taxa de rejeição aumentou e a sua taxa de conversão diminuiu. Depois de uma análise completa da experiência de viagem do cliente, a Staples poderia reduzir o tempo médio de carregamento da página inicial em 1 segundo e cortar 6 segundos do tempo de carga para o percentil 98. O resultado: Um aumento de 10% na sua taxa de conversão.
9. Alvo – PWA
A meta recebe impressionantes mais DE 100 MILHÕES DE visitantes mensais, mas ainda enfrenta uma forte competição com a Amazon e o Walmart, duas empresas líderes em comércio eletrônico que adotaram a tecnologia moderna e conquistaram seus clientes. A meta se concentrou em criar uma transição mais perfeita entre o celular e o desktop depois que uma pesquisa revelou que 80% dos compradores da Alvo iniciam sua experiência de varejo em um dispositivo e provavelmente terminarão em outro. Para responder rapidamente ao cenário em constante evolução, uma PWA tornou-se a sua solução para melhorar algumas das suas principais ofertas de lojas digitais e proporcionar uma experiência envolvente e unificada para os compradores em dispositivos móveis e computadores.
10. Walmart – SPA
O Walmart ganha em todas as categorias. O Walmart.com e o Walmart usam a tecnologia moderna para otimizar a sua experiência de compras online em dispositivos móveis e desktop. Com mais de 11 700 em todo o mundo, a gigante do retalho queria maravilhar todos os clientes “quando eles entram nas nossas lojas ou clicam no nosso site”, afirma Judith McKenna, coo norte-americano do Walmart. A tecnologia moderna afetou drasticamente a sua experiência online imersiva e a forma como veem a velocidade do site, conforme se correlaciona com o tempo gasto no local. O site de comércio eletrônico descobriu que, a cada 100 ms de melhoria no carregamento de páginas, houve um aumento de até 1% na receita incremental.
Na linha inferior
Os aplicativos progressivos da web são o futuro do comércio eletrônico. Esta nova era da moderna tecnologia web inclui uma corrida entre empresas de comércio eletrónico para oferecer o site mais rápido possível e a melhor experiência de utilizador para ganhar uma vantagem competitiva. Já não são as aplicações nativas a melhor solução. Os DWAs são igualmente interativos e talvez ainda mais rápidos. Os consumidores têm expetativas de alta velocidade, e os profissionais de comércio eletrónico seriam sábios para lhes proporcionar uma experiência cativante e extremamente rápida.
Para subir acima do barulho, siga o exemplo de adotar os líderes da indústria desde cedo, quando eles mudam de sites tradicionais para sites de DWAs/SPAs/React e oferecem uma experiência quase instantânea que impulsiona as conversões e as vitórias de SEO.
Para exemplos adicionais de aplicações web progressivas, veja esta lista de empresas modernas de comércio eletrónico que utilizam estruturas de SPA, PWA e React, ou agende uma conversa consultiva para saber como o Edgio pode ajudá-lo a começar a funcionar com um PWA em 12 semanas.
