10 melhores exemplos de PWA Magento
Publicados: 2020-12-25Índice
Com o recente advento do Magento PWA Studio, é natural que mais Magento PWAs estejam entrando no cenário do comércio eletrônico, introduzindo uma experiência de compra aprimorada para os clientes online. Destes novos PWAs Magento, existem alguns novos rostos promissores que mal podemos esperar para compartilhar com você:
O que é um PWA Magento?
O Magento PWA é um Progressive Web App com backend Magento, o que significa que um Magento PWA deve ser exatamente como seu aplicativo nativo típico - funcionalidade e aparência. E o que faz com que essa tecnologia se torne a nova abordagem procurada é sua capacidade de transformar as vitrines em uma versão mais eficiente de si mesmas, com velocidade de carregamento mais rápida e uma experiência mais conectada e fluida.

Além disso, como os PWAs Magento são de natureza headless, você obtém muito mais flexibilidade e personalização com um PWA Magento, pois a arquitetura headless significa que você não está mais restrito a uma tecnologia de front-end específica e pode escolher seu caminho de atualização livremente.
Os PWAs Magento são normalmente construídos com o Magento PWA Studio, que é um conjunto de ferramentas feitas pelo próprio Magento para ajudar a avançar na adoção do PWA. Graças ao projeto Magento PWA Studio, os desenvolvedores podem desenvolver, implantar e manter vitrines PWA no backend Magento, criando sites mais rápidos, mais seguros, responsivos e que aderem ao princípio de extensibilidade e modularidade do Magento.
Artigos relacionados: Comparando o tema Magento com o PWA Storefront
10 melhores exemplos de Magento PWA para sua inspiração
Abaixo estão vários exemplos de PWAs Magento que você pode usar como referência para desempenho e funcionalidade esperados:
1. Eleganza

Com sede na Holanda, a Eleganza é uma famosa varejista de moda sofisticada conhecida por vender marcas como Valentino, Versace, Michael Kors e muito mais. A marca possui cinco lojas físicas em todo o país, além de lojas próprias na web, mas como 90% de seus clientes usam o celular para visitar suas lojas online, a marca viu uma oportunidade de entregar uma melhor experiência e, consequentemente, , gerar mais receitas.
Anteriormente, a Eleganza administrava uma loja Magento 1 com suporte para quatro idiomas e, visto que o fim da vida útil do Magento 1 está próximo, eles contaram com Magento 2 e PWAs para transformar sua experiência de compra móvel. Seu novo site Magento PWA foi desenvolvido pela Team Experius e com certeza não decepcionou.
“Estamos ansiosos para obter valor adicional no futuro, pois o PWA não apenas nos coloca na vanguarda do nosso mercado, mas nos mantém lá nos próximos anos.”
Guus van der Staak, gerente de comércio eletrônico da Eleganza
2. Peter Jackson

O joalheiro Peter Jackson se viu em um dilema semelhante ao da Eleganza, pois eles também tinham uma loja Magento 1 herdada que não estava funcionando como deveria para atrair mais clientes.
E, assim como outras marcas da época, a velocidade era a principal preocupação de Peter Jackson. Seu site costumava levar uma média de oito segundos para carregar, e isso estava realmente prejudicando seus negócios, pois isso causava frustração ao usuário e uma experiência geral desagradável. Além disso, o wayfinding em seu site não era o melhor. Os clientes não tinham opções de filtragem realmente fáceis de usar e um caminho de navegação mais fácil, o que resultou em mais perdas de vendas à medida que os clientes lutavam para encontrar os produtos certos.
Com seu novo site Magento PWA desenvolvido por every1, tudo isso não é mais um problema. O novo site é fácil de navegar graças aos métodos de filtragem inteligentes, juntamente com novas maneiras de ajudar os clientes a alcançar o produto desejado mais rapidamente. Tudo é renderizado em milissegundos, o que leva a mais engajamentos, mais conversões e reduz significativamente suas taxas de rejeição.
3. Benecos

Combinando o melhor dos cosméticos “convencionais” glamorosos com cosméticos orgânicos certificados que conservam recursos, Benecos é a sua marca preferida se os cosméticos orgânicos são sua praia. E semelhante a muitas marcas emergentes na época que colocam materiais orgânicos e a confiança do cliente como sua maior prioridade, a marca precisava ter uma experiência de compra acolhedora e envolvente que mostrasse sua personalidade de marca.
Tudo isso foi conseguido com um Magento PWA personalizado da SimiCart. Sua nova vitrine com PWA agora oferece uma nova aparência e recursos semelhantes a aplicativos, e com recursos personalizados integrados (Encontre o estoquista mais próximo, adicione produtos ao carrinho/lista de desejos da listagem com opções de cores) para capacitar a marca com uma vantagem mais competitiva. A marca ficou especialmente satisfeita com o novo redesenho de seu site, pois traz um todo e uma sensação que combina perfeitamente com seus produtos, criando uma experiência acolhedora para seu público de entusiastas do verde.
4. Especiaria

A Spice, um shopping center com mais de 200 lojas, decidiu assumir a PWA durante o surto de Covid19, quando o bloqueio impediu os clientes de irem a locais públicos.
Seu novo design UX baseado em PWA unificou todas as lojas e seus produtos sob o mesmo teto, o que deu a seus comerciantes um novo canal de venda para renda extra.
A transformação fez parte de sua nova visão de marca que visava criar um negócio mais acessível no espaço digital. Como parte disso, um novo slogan – “mais perto do que nunca” foi introduzido. O desempenho extremamente rápido do PWA, ao mesmo tempo em que os ajuda a se conectar com seus clientes de maneira mais rápida e melhor, complementa perfeitamente esse lema.
5. O Barril de Uísque

O Whiskey Barrel é um especialista em uísque com sede em Edimburgo, famoso por seu engarrafamento exclusivo e pela qualidade de seu uísque misturado com malte. Devido ao aumento da demanda, a marca enfrentou preocupações com a experiência do usuário, pois sentiu que não estava à altura da qualidade dos produtos que eles oferecem.

E isso serve como um desafio para o provedor de soluções (Digital Six) – e não foi fácil. Eles precisavam criar um site que não apenas oferecesse a melhor experiência possível, mas também capaz de suportar o tráfego de entrada de pico de demanda; e o site também precisa ser lindamente projetado e flexível o suficiente para garantir que The Whiskey Barrel continue a ser pioneiro na distribuição de uisge beatha .
O Magento PWA foi naturalmente o próximo passo para sua marca e, no final das contas, foi o passo certo. A natureza do PWA alimenta a marca com uma nova jornada do usuário, velocidade e desempenho do site, juntamente com uma nova experiência de usuário super suave que deve satisfazer até os clientes mais difíceis de agradar.
6. Sel.

Selco, o armazém dos construtores, é uma das marcas mais estabelecidas em seu setor, com mais de 68 filiais em todo o país. No entanto, a Selco se viu com uma presença on-line limitada e percebeu que precisava melhorar seu jogo, optando por uma vitrine moderna e mais avançada e, naturalmente, Magento PWA era isso.
Ao utilizar o Magento Commerce Edition 2.3 e o Magento PWA Studio, a WeAreJH conseguiu reconstruir a loja da Selco em um Magento PWA de alto desempenho, responsivo e eficiente. O novo site da Selco se orgulha de ser o primeiro Progressive Web App a ser implantado para um comerciante B2B na plataforma Magento Commerce e vem com vários recursos, incluindo:
- Clique e colete
- Calculadora de Materiais de Construção
- Verificação de estoque em tempo real
- Funcionalidade de lista de projetos
7. Loja de Eddies

Com mais de 260.000 peças e acessórios para carros, caminhões, trailers e esportes de força oferecidos em sua loja, ShopEddies precisava desesperadamente de uma solução para ajudá-los a gerenciar sua loja com eficiência e ainda proporcionar uma experiência de compra envolvente.
O Magento PWA foi sugerido pela Tigren como uma solução final para os problemas passados da Shop Eddies - e o Magento PWA entregou. Lançada no início de 2020, a nova vitrine com PWA é incrivelmente rápida, tem uma aparência totalmente nova para mostrar a identidade da marca e com mais otimizações feitas no fluxo de checkout para ajudar a melhorar as taxas de conversão. Para completar, usar uma solução Magento PWA também significa que a Shop Eddies agora pode atender melhor os clientes móveis com seus recursos semelhantes a aplicativos, como notificações push e adição à tela inicial.
8. Auto Bernardo

A Auto Bernard, empresa francesa de distribuição de automóveis, queria uma estratégia omnicanal com a qual pudesse se diferenciar da concorrência. Seu principal objetivo era fornecer aos compradores uma maneira de reservar e comprar seus veículos diretamente on-line e sincronizar todos os pedidos on-line com o back-end do Magento em tempo real.
WEBQAM aceitou este desafio e desenvolveu para a marca um novo site Magento PWA. Este novo site oferece tudo o que a Auto Bernerd solicitou e até excede em alguns aspectos, pois o novo site é repleto de recursos, com a capacidade de os clientes compararem características de até três veículos em paralelo, marcar consultas, solicitar uma cotação - tudo é possível no site.
9. ROECKL

A ROECKL, a marca de moda tradicional familiar, precisava de uma solução que oferecesse o melhor desempenho e ainda oferecesse uma experiência intuitiva de criação de conteúdo. Além disso, como o site anterior não possuía uma verdadeira experiência responsiva, a marca precisava torná-lo uma prioridade mais alta nessa reforma completa de seus negócios.
A Mothership percebeu o desafio e sugeriu o Magento PWA como solução. Com o Magento PWA, o frontend do site é independente do backend do Magento e, consequentemente, permite menos carga do servidor e desenvolvimento de recursos mais rápido. O frontend do novo site é um PWA baseado em ReactJS, capaz de entregar conteúdo mesmo quando a conexão do usuário é instável.
10. Bonecos

Lutar para sobreviver durante a pandemia de Covid19 é algo com o qual todas as marcas podem se relacionar. Para a Dobells, uma varejista de moda masculina no Reino Unido, a pandemia os levou a renovar seu site para melhor.
O antigo site Magento 1 provou estar fora de moda, portanto, migrar para o Magento 2 era uma obrigação para atrair e converter clientes. Além disso, foi introduzido um recurso de “variações avançadas de produtos”, que permite que os clientes misturem e combinem detalhes e acessórios de qualquer item em um único pedido.
Como a adição de novos recursos poderia desacelerar o site, outro desafio era manter um UX suave e um desempenho rápido, e o PWA era o caminho a seguir. Como resultado, a marca teve um aumento de 11,8% no total de cliques, um aumento de 14,3% nas taxas médias de cliques e também uma queda de 10,2% em suas posições médias no ranking.
Leitura recomendada: Quanto custa construir um PWA para Magento
11. G-SP

Para um site global do Magento com dois sites diferentes para visitantes B2B e B2C, cada site tem mais de 100 categorias e subcategorias, é um grande desafio para o G-SP manter uma experiência de rolagem suave do site.
O dono do site G-SP, que vende acessórios para telefones e peças de reposição, há muito reconhece o problema e o PWA parece ser uma solução óbvia.
Embora o PWA seja frequentemente rotulado como uma solução eficaz para aumentar a velocidade do site Magento, é importante saber que nem todos os sites podem atingir um desempenho de velocidade incrível logo após a implementação do PWA. O carregamento de um site depende de muitos fatores, incluindo seu tamanho e sua configuração técnica.
No entanto, os PWAs têm um potencial melhor de serem super rápidos do que os aplicativos da Web normais, se personalizados corretamente. O site PWA da G-SP, após a velocidade otimizada por nossa equipe, triplicou com sucesso em velocidade móvel e dobrou em velocidade de desktop.
Leitura recomendada: Estudo de caso G-SP: antes e depois da transformação do PWA.
Conclusão
Como apenas mais comerciantes começarão a adotar essa nova tecnologia e torná-la a nova experiência de comércio eletrônico, o Magento PWA será, sem dúvida, a nova experiência de compra mais procurada. Os comerciantes que adotaram a abordagem Magento PWA já estão obtendo resultados impressionantes e, quanto mais você esperar pela implementação, mais perdas de receita provavelmente sofrerá.

Se você está procurando um provedor Magento PWA de qualidade, aqui no SimiCart somos uma equipe de desenvolvedores de PWA reconhecidos pelo Google, capazes de fornecer soluções econômicas para o seu negócio.