PWAs e Magento: criando experiências de compras móveis de última geração

Este é um post convidado por Viesturs Abelis, líder de conteúdo da Scandiweb.

Aplicações Web Progressivas. Todo mundo está falando sobre eles e mesmo se você não tiver certeza sobre o que exatamente eles são, você provavelmente já está usando a tecnologia. Twitter, Starbucks, AliExpress e inúmeros outros implementaram PWAs com sucesso, que são usados ​​por milhões de pessoas todos os dias.

E os resultados estão chegando. O Twitter teve um aumento de 65% nas páginas por sessão, um aumento de 75% nos tweets enviados e uma redução de 20% na taxa de rejeição. O AliExpress dobrou o número de páginas visitadas por sessão e teve um aumento de 104% nas taxas de conversão. O Google acumulou um portfólio impressionante de histórias de sucesso de PWA.

O que era, há alguns anos, uma tecnologia alavancada principalmente por gigantes digitais, devido aos altos custos de desenvolvimento e inescapabilidade de soluções personalizadas, hoje está se tornando cada vez mais democratizado e acessível. Graças às soluções emergentes de PWA e à ampla adoção do PWA, a tecnologia agora está disponível para todos.

Os PWAs parecem um divisor de águas e, à medida que mais e mais comerciantes estão entrando na onda, é importante entender o que está acontecendo e o que essa nova tecnologia significa para você.

O que é um Aplicativo Web Progressivo?

Progressive Web Applications são um novo tipo de tecnologia de desenvolvimento web (embora a ideia já exista há algum tempo) que combina o melhor da web e aplicativos nativos e cria experiências digitais superiores semelhantes a aplicativos diretamente no navegador do usuário. Então, quando você ouvir PWA, pense ― um site móvel com os recursos e funcionalidades completas de um aplicativo nativo.

De quais recursos exatamente estamos falando? Em primeiro lugar, os PWAs são rápidos. Com aumentos de 300% demonstrados na velocidade de carregamento da página, as páginas altamente otimizadas atingem tempos de carregamento quase instantâneos, tornando-as tão responsivas e agradáveis ​​de usar quanto os aplicativos nativos.

Outros recursos incluem interface do usuário em tela cheia, salvamento na tela inicial, notificações push, acessibilidade de hardware e até mesmo modo offline. Tornados possíveis pelo maravilhoso Service Worker, sobre o qual você pode aprender mais aqui nesta palestra da Comunidade de desenvolvedores do Google, os PWAs agrupam uma variedade de desenvolvimentos digitais modernos para oferecer uma experiência verdadeiramente semelhante a um aplicativo.

Eles podem ser implantados em lojas de aplicativos, se você desejar. No entanto, ao contrário dos aplicativos nativos restritos a essas plataformas, os PWAs funcionam como sites comuns e são indexáveis ​​no Google, tornando-os não apenas detectáveis, mas também oferecendo um potencial aumento de SERP devido aos tempos de carregamento mais rápidos e às melhores experiências oferecidas. Isso também significa que não há downloads volumosos e atualizações automáticas para um engajamento inicial sem atritos.

A crescente popularidade dos PWAs pode ser atribuída à lacuna de oportunidade emergente entre como os aplicativos nativos e a web móvel são usados ​​– a web móvel recebe mais visitantes, mas os aplicativos oferecem melhores experiências e superam a web em termos de engajamento. Os PWAs oferecem a experiência que as pessoas desejam exatamente onde estão procurando.

PWAs: Hype ou futuro?

Como acontece com qualquer tecnologia emergente, a cautela supera a adoção. Altamente dependentes do suporte do navegador, voláteis em sua infância e ainda em desenvolvimento contínuo, os PWAs ainda não oferecem a certeza e a tranquilidade para uma adoção infalível. Há um ar de mistério em torno dos PWAs, pois os comerciantes estão lutando para entendê-los.

No entanto, uma coisa é certa – não é apenas hype. A tecnologia é sólida, os primeiros adotantes foram muito recompensados ​​e, à medida que o conhecimento se espalha, a adoção também.

Os PWAs influenciam positivamente quase todos os KPIs de marketing

Estudos de caso da vida real demonstraram a capacidade dos PWAs de impactar positivamente quase todos os KPIs de marketing – desempenho, engajamento, tempo gasto no site, leads gerados, reengajamento, conversões e muito mais.

Em uma era mobile-first, não é surpresa que essa tecnologia transformadora supere os canais digitais mais tradicionais, e a importância de priorizar as experiências móveis ainda está em alta. As compras móveis estão dominando cada vez mais o comércio eletrônico; O Google anunciou recentemente a indexação mobile-first, habilitada por padrão para todos os novos sites a partir de 1º de julho de 2019; e uma quantidade significativa de novos usuários da Internet inicia sua jornada digital no celular.

Assim, a entrega de experiências móveis acima da média é recebida de braços abertos e sua crescente importância provavelmente levará os profissionais de marketing de todo o mundo a se concentrar mais nisso, para permanecerem competitivos.

E não se trata apenas de oferecer uma melhor experiência digital aos seus clientes, mas de alcançar novos clientes, pois os PWAs desempenham um papel importante em termos de acessibilidade. Com as demandas de dados leves dos PWAs, uma experiência digital acessível é habilitada para aqueles com cobertura de rede abaixo do ideal, sem comprometer o UX. Por exemplo, a iniciativa de expansão da Uber andou de mãos dadas com um PWA, para garantir que áreas rurais e outras com conexões mais lentas ainda pudessem experimentar uma experiência envolvente e responsiva.

E, agora, os comerciantes de todo o mundo podem fazer o mesmo por seus clientes atuais e futuros, pois a adoção mundial do PWA está em andamento.

Magento está recebendo PWAs de braços abertos

A Magento está de olho nos PWAs há algum tempo. Apresentando o estúdio PWA em setembro de 2017, ele finalmente viu a luz em janeiro de 2019 e, quando o Magento Imagine 2019 chegou em maio, os PWAs estavam na mente de todos e certamente o tópico quente da conferência.

Enquanto o Magento mergulha de cabeça nos PWAs e várias outras soluções foram desenvolvidas mostrando os recursos dos PWAs, a comunidade está um pouco relutante em seguir, pois não há comerciantes de soluções definitivas e construtores de extensão que possam se reunir. Por sua vez, isso leva a tentativas de desenvolvimento personalizado, que acabam sendo caros e insustentáveis, principalmente quando se trata de vitrines altamente modificadas e altamente personalizadas, depreciando a adoção.

No entanto, as vitrines PWA estão sendo desenvolvidas neste exato momento para uma infinidade de comerciantes Magento. A Magento está investindo pesadamente em PWAs e o resto do mundo também.

Para os comerciantes Magento, não é uma questão do que vai acontecer com o PWA? PWA está aqui. A questão é: como começar?

3 soluções de PWA para Magento

O Magento é uma das soluções de comércio eletrônico mais poderosas do mercado – ele abastece 12% de todas as lojas de comércio eletrônico na Internet e a adoção continua a crescer ano após ano. Com essa participação de mercado, tornar-se uma plataforma PWA pode ajudar a Magento a redefinir fundamentalmente a Internet e eles estão fazendo exatamente isso, garantindo que qualquer comerciante interessado em obter um PWA para sua loja possa fazê-lo.

Se você deseja obter um PWA para sua loja Magento, existem várias opções disponíveis para você. Aqui estão três que merecem sua atenção.

Estúdio Magento PWA

O Magento PWA Studio é a resposta do Magento à nova mania e está em andamento há alguns anos. Lançado junto com o Magento 2.3, é um conjunto de ferramentas de desenvolvedor para construir frontends PWA para Magento. Capacitando seus desenvolvedores com tudo o que é necessário para desenvolvimento, implantação e manutenção, e complementado por uma rica documentação, o Magento PWA studio provavelmente se tornará a ferramenta obrigatória para os comerciantes Magento que desejam levar sua loja para o futuro.

Dê uma olhada nesta loja de demonstração (nota: faça isso em um dispositivo móvel), desenvolvida pela Inchoo usando ferramentas de estúdio Magento PWA para demonstrar o que pode ser alcançado.

ScandiPWA

Ao contrário do Magento PWA Studio, o ScandiPWA (desenvolvido pela Scandiweb) é um tema de código aberto Magento-first, em vez de um conjunto de ferramentas ou uma vitrine. Isso significa que é instalável diretamente em sua loja Magento 2.3 sem nenhuma alteração na infraestrutura e pode ser estendido para atender às suas necessidades, de uma maneira familiar para qualquer desenvolvedor Magento. Muito elogiado pela comunidade, o tema pronto para uso do ScandiPWA atraiu muita atenção por ser descomplicado e uma solução esplêndida para quem procura uma solução PWA pronta de alto desempenho.

Explore a loja de demonstração do ScandiPWA (observação: faça isso em um dispositivo móvel) ou o repositório GitHub.

Vitrine do Vue

Uma das soluções de PWA mais populares do mercado, o Vue Storefront é um Progressive Web App independente de plataforma de código aberto para comércio eletrônico escrito em Vue.js. Com uma comunidade em expansão, é um dos maiores hubs de PWA. Dada a sua grande escala, é uma solução bastante complexa. Ser agnóstico de plataforma, em vez de Magento primeiro, significa que algumas funcionalidades do Magento estão faltando, no entanto, pode-se esperar que isso seja corrigido à medida que o desenvolvimento continua.

Explore a loja de demonstração do Vue Storefront (observação: faça isso em um dispositivo móvel) ou o próspero repositório GitHub.

Benefícios das soluções Magento-First PWA

Se você é um comerciante na plataforma Magento, uma solução de PWA Magento-first pode ser a maneira mais fácil de participar da corrida de PWA. Essas soluções vêm com os benefícios adicionais de familiaridade, custos de desenvolvimento mais baixos e desempenho aprimorado, mantendo os comerciantes e desenvolvedores satisfeitos.

Aqui estão três exemplos de como a primeira solução de PWA do Magento, ScandiPWA, aproveita a pilha do Magento para oferecer uma experiência de PWA espetacular.

Sem middleware

ScandiPWA é um tema PWA Magento-first, o que significa que é instalável diretamente em sua loja Magento, que, por sua vez, tem o benefício de ter um relacionamento direto com seu back-end Magento. Isso evita muitos problemas para os comerciantes, pois qualquer middleware adiciona uma camada extra de complexidade – recursos precisam ser reconstruídos, estruturas de dados extras – desenvolvidas, personalizações – adaptadas.

Aqui está um exemplo: soluções criadas como vitrines de PWA separadas falam apenas com o banco de dados do site. Isso afeta problemas comuns como lidar com redirecionamentos. Em vez de acessar a instalação principal do Magento e ser redirecionado conforme especificado no back-end, vitrines separadas precisam desenvolver uma solução para garantir que os usuários cheguem onde deveriam.

Middleware vem com seu quinhão de vantagens para soluções PWA mais universais, como Vue Storefront, pois permite vincular uma única solução poderosa a várias plataformas, no entanto, a desvantagem é que exige ampla adaptação e, muitas vezes, reinventar a roda, portanto falar. As soluções Magento-primeiro contornam isso, aproveitando os recursos Magento prontamente disponíveis, resultando em economia nos custos de desenvolvimento para o seu negócio.

Familiaridade com Magento e economia de tempo

Um benefício significativo das primeiras soluções de PWA do Magento é a familiaridade. O uso contínuo de um ambiente familiar para seus desenvolvedores facilitará a adoção para eles e para você, agilizando o processo de desenvolvimento.

O Magento provou ser uma das plataformas de comércio eletrônico mais avançadas do mundo e a comunidade que cresceu em torno da plataforma é um indicativo disso. Isso significa que você pode encontrar especialistas em Magento em todos os cantos do mundo e, apesar da novidade do PWA, a integração deve ser muito mais suave, quando comparada a trabalhar com um ambiente totalmente novo. As ferramentas do Magento são bem conhecidas por desenvolvedores e comerciantes e têm um histórico comprovado de sucesso.

Portanto, os comerciantes que optam por uma solução de PWA da Magento podem esperar custos mais baixos e estar mais informados sobre o que está acontecendo.

Migração fácil e de baixo custo

ScandiPWA é um tema pronto para uso para Magento. Qualquer solução Magento-first traz vantagens significativas quando se trata de implementação. Em vez de ter que retrabalhar totalmente e recriar seu front-end desde o início, uma solução Magento plug-and-play permite que você aproveite os benefícios dos PWAs sem correr o risco de prejudicar seus negócios.

Conforme estabelecido, adicionar middleware e ter um front-end totalmente personalizado introduz um nível de complexidade que geralmente não está presente nas soluções Magento-first. Isso implica custos adicionais de despesas gerais, manutenção e suporte.

Conclusão

Os Progressive Web Apps vieram para ficar. Apesar de uma visão cautelosa em relação à adoção, os comerciantes de todo o mundo estão mantendo um dedo no pulso do que está acontecendo, explorando a solução certa para eles e buscando replicar os muitos sucessos dos pioneiros do PWA.

Para os comerciantes Magento que desejam entrar na porta o mais rápido possível, existem várias opções - desenvolver sua própria solução usando o Magento PWA studio, optando por uma solução PWA independente de plataforma, como o Vue Storefront, ou optando por um Magento-first tema como ScandiPWA. A maneira mais fácil e econômica de começar é a última, pois permite que sua empresa aproveite toda a gama de benefícios do PWA sem se afastar muito da familiaridade do Magento.

Viesturs Abelis é um líder de conteúdo na Scandiweb e um evangelista da ScandiPWA, Viesturs sempre mantém dois olhos no futuro, interessado em tornar os mais recentes desenvolvimentos digitais acessíveis a todos.