Home Blogs Top Progressive Web App Exemplos: Tinder, Twitter, Walmart
Applications

Top Progressive Web App Exemplos: Tinder, Twitter, Walmart

About The Author

Outline

Empurrando para fornecer uma experiência de usuário superior, empresas de todos os tipos estão agora adotando as mais recentes tecnologias, incluindo Progressive Web Apps (PWAS), Single-Page Applications (SPA) e React websites. O desempenho da rede móvel não é mais uma preocupação para esses líderes do setor que mudaram para o eCommerce sem cabeça e adotaram aplicativos web progressivos de eCommerce para fornecer experiências de conversão e iluminação rápida.

Como a velocidade equivale a receita, e o eCommerce é um setor altamente competitivo, é difícil encontrar exemplos progressivos de aplicativos web. Mas acreditamos que essas informações devem ser compartilhadas com o público, pois os adotantes da PWA estão recebendo maior visibilidade, tráfego, engajamento e conversões. Para ajudar as empresas de comércio eletrônico a entender o cenário atual e ter uma ideia de onde estão, mostramos alguns dos principais exemplos de PWA de comércio eletrônico mensalmente. Dentro desta parcela, temos dividido as empresas líderes nas indústrias de decoração de casa, redes sociais e varejistas de massa.

Plataformas de redes sociais com PWAS

1. Pinterest – PWA

O Pinterest foi um dos primeiros a adotar um PWA para seus usuários de iOS e Android. Uma plataforma destinada a inspirar mentes criativas fez com que as pessoas deixassem sua experiência móvel. O Pinterest informou que sua nova experiência nativa do PWA, semelhante a aplicativos, aumentou sua contagem ativa de usuários móveis em mais do dobro, e a duração da sessão aumentou quase 4 vezes. Sua carga útil em JavaScript foi de aproximadamente 490kb para aproximadamente 190kb, criando cargas de página quase instantâneas para usuários, mesmo em ambientes de baixa largura de banda. As notificações push, o prompt “Adicionar à tela inicial”, a configuração “modo noturno” e o cache de ativos criaram uma experiência verdadeiramente envolvente para usuários móveis.

2. Tinder – PWA

O Tinder, o aplicativo de namoro que vê mais DE 60M usuários mensais em mais de 250 países diferentes, oferece um PWA para usuários de desktop e móveis. Conhecida como Tinder Online, a nova experiência da web recebe mais swipes, edições de perfil e tempo gasto por sessão de usuário do que sua experiência de aplicativo nativo. O pequeno tamanho do núcleo PWA ajudou o Tinder a reduzir os tempos de carga de 11,9 segundos para 4,69 segundos e fez com que os usuários se engajassem – e deslizassem para a direita – em uma alta de todos os tempos.

Comparando o Tinder PWA com exemplos de aplicativos nativos. (Fonte: Médio )

3. Twitter – PWA

Em um esforço direto para criar mais engajamento do usuário, o Twitter se voltou para a tecnologia PWA para oferecer uma melhor experiência ao usuário 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 móveis ativos podem navegar rapidamente pelo conteúdo, mesmo em redes 2G.

Decoração de casa entregando PWAS

4. Annie Selke – PWA e SSR

Annie Selke traz decoração de casa de qualidade para mais de 170 mil visitantes por mês. Entendendo a importância da velocidade do site em SEO e SEM, a empresa de mobiliário doméstico lançou 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 suas velocidades de navegação para um tempo médio de carga de 538 ms em Edgio. Por meio das tecnologias AMP, renderização do lado do servidor e PWA, Annie Selke vê um tempo médio de carregamento da primeira página de 0,74 s em fontes de tráfego.

Ofereça um wesbite de comércio eletrônico de sub-segundo

O Edgio consistentemente fornece cargas de páginas medianas de menos de 500 ms para grandes sites de comércio eletrônico. Esses ganhos de velocidade são conhecidos por levar a 15-30% de aumentos de conversão. Agende uma conversa consultiva!

5. Kirkland’s Inc. – PWA E SSR

A Kirkland’s foi além de suas 431 lojas em 37 estados e otimizada para que um PWA de comércio eletrônico alcance qualquer cliente a qualquer momento. Otimizar a velocidade do local era seu principal objetivo, pois eles a identificaram como uma vanguarda competitiva. O Varejista 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’s está agora entre os sites de varejo mais rápidos e permite compras rápidas e fáceis com cargas de páginas de sub-segundos, checkout de impressão digital e logins de um clique.

6. West Elm – PWA

A West Elm, de propriedade da empresa-mãe Williams-Sonoma Inc. É um grande líder do setor que adotou a tecnologia PWA para sua experiência de comércio móvel. O estilo moderno de seus produtos combina com sua experiência PWA com um visual elegante e elegante para seus 4 milhões de usuários mensais. Seu aplicativo web progressivo de eCommerce trouxe um aumento de 15% no tempo médio no site e um aumento de 9% nasconversões.

Varejistas em massa com PWAS de comércio eletrônico

7. Macy’s. – SPA

A Macy’s, uma empresa IR6 e número 1 em sua indústria de vestuário e acessórios, fez a transição para eCommerce sem cabeça para fornecer a melhor experiência possível para 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 seu ranking de busca e experiência do cliente. Neste recente webinar, Lenny Stofsky, Diretor de Engenharia da Macy’s, afirma que a abordagem sem cabeça e sua arquitetura de microsserviços os tornam mais ágeis e ágeis. “Através de Dev ops automatizados, testes de regressão aprimorados e equipes dedicadas para escalar e inovar, podemos implantar a cada duas semanas”, afirma Stofsky.

Ouça Lenny Stofsky, Diretor de Engenharia da Macys.com, caminhe pela transição de uma plataforma de comércio eletrônico monolítica de um único fornecedor para um sistema flexível e melhor da categoria 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 de utilizador possível para gerar mais vendas. Esses resultados desejados tornaram-se importantes à medida que o Varejista de massa descobriu que seu tempo de carga aumentou, sua taxa de rejeição aumentou e sua taxa de conversão diminuiu. Após 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 reduzir 6 segundos do tempo de carga para o percentil 98. O resultado: Um aumento de 10% em sua taxa de conversão.

9. Alvo – PWA

A Target recebe impressionantes mais de 100 MILHÕES DE visitantes mensais , mas ainda enfrenta uma forte concorrência com a Amazon e o Walmart, duas empresas líderes em comércio eletrônico que adotaram a tecnologia moderna e atraíram seus clientes. A Target concentrou-se em criar uma transição mais perfeita entre dispositivos móveis e desktops depois que uma pesquisa revelou que 80% dos compradores da Target 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, um PWA tornou-se a sua solução para melhorar algumas das suas principais ofertas de lojas digitais e fornecer uma experiência envolvente e unificada para os compradores em dispositivos móveis e desktop.

10. Walmart – SPA

Walmart ganha em todas as categorias. Walmart.com e Walmart mantimentos usam tecnologia moderna para otimizar sua experiência de compras on-line móvel e desktop. Com mais de 11 700 em todo o mundo, a gigante do varejo queria deslumbrar todos os clientes “quando eles entram em nossas lojas ou clicam em nosso site”, afirma Judith McKenna, COO dos EUA do Walmart. A tecnologia moderna afetou drasticamente sua experiência on-line imersiva e a maneira como eles veem a velocidade do site como ela se correlaciona com o tempo gasto no local. O site de comércio eletrônico descobriu que, para cada 100 ms de melhoria de carregamento de página, houve um aumento de até um por cento na receita incremental.

Linha inferior

Aplicativos web progressivos são o futuro do eCommerce. Esta nova era da moderna tecnologia da 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 do usuário para ganhar uma vantagem competitiva. Já não são os aplicativos nativos a melhor solução – os PWAS são igualmente interativos e talvez ainda mais rápidos. Os consumidores têm expetativa de alta velocidade, e os profissionais de comércio eletrônico seriam sábios em fornecer-lhes uma experiência extremamente rápida e envolvente.

Para se elevar acima do ruído, siga o exemplo de adoção precoce de líderes do setor à medida que eles mudam de sites tradicionais para sites PWAS/SPAs/React e oferecem uma experiência quase instantânea que impulsiona conversões e ganhos de SEO.

Para obter exemplos adicionais de aplicativos progressivos da Web, confira esta lista de empresas modernas de comércio eletrônico que usam estruturas 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. Temos a confiança dos maiores e melhores, incluindo 1-800-Flowers, Shoe Carnival, REVOLVE, e muitos mais.