Vue Storefront Review - Tudo o que você precisa saber

O futuro está aqui!

Ok, largue tudo por um momento e ouça isso. Imagine um aplicativo de e-commerce gratuito que poderia melhorar drasticamente a experiência do usuário da sua loja online e a classificação de SEO também. Um sistema revolucionário que é tão flexível que pode rodar confortavelmente em qualquer backend de e-commerce.

Um pouco exagerado, você acha?

Sim, eu sei como isso soa, porque eu também estive lá. Bem, pelo menos até eu finalmente experimentar essa coisa louca que eles chamam de Progressive Web Apps, ou PWA, em resumo.

Agora, existem boas razões pelas quais as empresas estão se apaixonando cada vez mais pela PWA. Vou revelar todos eles em breve. Por enquanto, permita-me apresentar um aplicativo específico que o ajudará a entender todo o conceito de alavancar o PWA.

Já ouviu falar da Vue Storefront?

É uma nova aplicação de comércio eletrônico, tudo bem, mas sua arquitetura não é nada parecida com a que já estamos acostumados. E aqui está o acordo: o Vue Storefront é o maior e mais completo PWA até agora.

Mas o que isso significa para o comércio eletrônico?

Esta Vue Storefront A revisão revela tudo o que você precisa saber - que diabos é um Aplicativo da Web Progressivo, como o Vue Storefront está conectado a tudo isso, além, é claro, dos recursos e recursos de comércio eletrônico que o acompanham.

O que é um aplicativo Web progressivo? 

Lembra quando dissemos o celular mal está começando? Acontece que estamos certos o tempo todo. E aqui está a prova.

O celular veio em primeiro lugar e, posteriormente, nos apresentou os aplicativos móveis. Com o tempo, os aplicativos começaram a se fundir com as plataformas PC e Web, à medida que os desenvolvedores continuavam aprimorando a experiência do usuário para torná-la mais transparente.

Avanços crescentes em todas essas áreas agora nos levaram à beira do e-commerce verdadeiramente revolucionário. Então, em outras palavras, bem-vindos à era dos PWAs.

Agora, um aplicativo da Web progressivo oferece o melhor dos dois mundos - aplicativos da Web e móveis. Mais especificamente, um PWA é desenvolvido com base em tecnologias típicas da Web, com alguns dos mais recentes recursos javascript atuando como tempero. O resultado final é um aplicativo da Web cuja intuitividade geral se assemelha muito a um aplicativo iOS ou Android nativo.

Dê uma olhada isto Starbucks local. Notou algo extraordinariamente estranho em comparação com sites comuns? Agora, tente carregá-lo novamente, mas pelo seu celular.

Parece se comportar como um aplicativo nativo, certo? Suave, sem costura e surpreendentemente rápido. Bem, isso mesmo é o poder da PWA.

E como isso é relevante para o comércio eletrônico?

Bem, considere isso. Os Progressive Web Apps geralmente mantêm os dados do dispositivo do usuário e os arquivos baixados em um cache. Isso significa que os dados são disponibilizados instantaneamente assim que as solicitações são levantadas do dispositivo.

E a melhor parte? Você pode apostar que o carregamento da página é sempre super rápido, mesmo quando você está lidando com velocidades extremamente lentas da Internet.

Toda a estrutura é facilitada por um trabalhador de serviço, que basicamente atua como uma ponte entre o servidor e o aplicativo. Para processar uma solicitação, portanto, ele utiliza dados que já estavam retidos no cache do dispositivo enquanto sincroniza tudo simultaneamente com os dados do servidor correspondentes.

Por causa de um arquivo JSON simples conhecido como Manifesto de aplicativos da Web, Os Aplicativos da Web progressivos normalmente são exibidos em tela cheia para fornecer uma experiência persistentemente imersiva. Esse pequeno recurso interage essencialmente com o seu navegador e o direciona para exibir o aplicativo da Web através da mesma interface que os aplicativos de smartphone.

E isso não é tudo. Os funcionários do serviço de cache, combinados às APIs Push e à avançada tecnologia do navegador, tornaram possível instalar PWAs diretamente na tela inicial do seu dispositivo. Conseqüentemente, você pode continuar usando-o mesmo depois que o dispositivo ficar offline. Além disso, os PWAs também podem receber notificações por push.

Agora adivinhe? Google esteve na vanguarda dos Progressive Web Apps desde o início, juntamente com o Mozilla e a Microsoft.

E depois de testar a coisa toda em vários projetos repetidas vezes, foi o que eles concluíram sobre os Progressive Web Apps:

• Eles são confiáveis- Os PWAs são capazes de carregar extremamente rápido, mesmo em más condições de rede, graças aos funcionários de serviço que fazem o pré-armazenamento em cache de recursos críticos.
• Eles são rápidos - PWAs são admiravelmente responsive quando você interage com eles. Eles mantêm consistentemente animações nítidas e rolagem suave.
• Eles estão envolvidos -A experiência do usuário aqui é, sem dúvida, bastante imersiva. Os PWAs se comportam como aplicativos móveis nativos no navegador e podem ser facilmente incorporados na tela inicial. Além disso, se você precisar reativar os usuários que executam seus PWAs, sempre poderá enviar notificações por push.

Uma empresa que viu esses benefícios em primeira mão é Tinder Anteriormente, o tempo médio de carregamento de aplicativos era de 11.91 segundos. Mas, após a introdução de uma versão do PWA que era 90% mais leve que o aplicativo Android nativo, o tempo de carregamento diminuiu consideravelmente. E, como resultado, os níveis de engajamento dos usuários aumentaram significativamente.

Se isso não te convencer, talvez Ubers história vai. Ao alavancar o poder dos PWAs, a empresa conseguiu criar um aplicativo com ótimas velocidades de carregamento, mesmo no 2G. E seu tempo de carregamento correspondente? Bem, o PWA 50kb consegue carregar constantemente em menos de segundos do 3.

Agora, mal arranhamos a superfície aqui. Há muito mais histórias de sucesso de uma ampla gama de marcas. Tudo graças às capacidades revolucionárias dos Progressive Web Apps.

Dito isto, vamos agora ao ponto prático.

Então, o que exatamente é Vue Storefront?

Vue Storefront Review - Visão Geral

O Vue Storefront, para iniciantes, é um aplicativo da web progressivo de código aberto desenvolvido para negócios online. Seu principal objetivo é ajudar os comerciantes e empresas digitais a aumentar os níveis de experiência do cliente.

Felizmente, você não precisa de um sistema de comércio eletrônico especializado para usar o Vue Storefront. Como toda a estrutura é criada usando a arquitetura Headless, você deve poder configurar sua própria integração de back-end. Em resumo, isso significa que o Vue Storefront é um aplicativo holisticamente flexível capaz de integrar-se a qualquer plataforma de comércio eletrônico para servir como front-end.

Até agora, seus desenvolvedores o integraram com Magento, Spree Commerce, Sylius e Shopify, Vue Storefront Core Team, em estreita colaboração com Shopware Team, desenvolveu a integração Shopware PWA nativa, e Vue Storefront torna-se uma parte crucial do commercetools Accelerator como um front-end de código aberto recomendado para commercetools e membro da MACH Alliance - o grupo de empresas de tecnologia fundadas por commercetools, Contentstack, EPAM Systems e Valtech - para divulgar o conhecimento sobre o potencial da tecnologia sem cabeça.

E considerando que é apoiado por mais de 70 parceiros oficiais, mais que 100 projetos ao vivo uma extensa comunidade de mais de 3000 desenvolvedores, podem esperar integrações adicionais em breve. Parece que a Vue Storefront está apenas começando.

Mas, novamente, embora a taxa de inovação seja louvável, você não precisa esperar a equipe da Vue Storefront apresentar uma integração para sua plataforma de comércio eletrônico atual. Este PWA é fundamentalmente codificado em Vue.js, e depende ElasticSearch para seu banco de dados, bem como Node.js quando se trata da API do servidor.

Portanto, se você é um desenvolvedor experiente, acho que já sabe que a criação de um novo front-end não deve ser um desafio. Mas, em caso de dificuldades, Vue Storefront vem com vários tutoriais e documentação de suporte abrangente. Você pode usar tudo isso para descobrir como ajustar seu código de código aberto.

Se isso parece algo que você gostaria de fazer, o Vue Storefront pode ser acessado em GitHub. E, curiosamente, até agora atraiu mais de 7,000 estrelas na plataforma.

Ok, nada mal. Mas o que exatamente os comerciantes desfrutam Vue Storefront? Ele realmente possui os recursos que podem levar sua empresa ao próximo nível?

Permita-me responder a isso, orientando você nos vários atributos da Vue Storefront.

Vue Storefront Review - Principais Características

Experiência do Usuário

Primeiras coisas primeiro. Considerando a experiência do usuário, o foco principal é o desempenho da interface do Vue Storefront.

Bem, uma coisa que você pode esperar da Vue Storefront é quebrar a barreira do dispositivo. Por ser um aplicativo da web, você poderá iniciá-lo e executá-lo em qualquer dispositivo. Isso significa que o Vue Storefront elimina o desafio de desenvolver vários aplicativos nativos para cada SO do dispositivo.

Outro problema que você pode resolver via Vue Storefront é o volume de aplicativos nativos. Os aplicativos para Android, iOS e PC estão ficando cada vez mais pesados ​​a cada dia que novos desenvolvedores de recursos introduzem. É por isso que as atualizações de aplicativos são notoriamente famosas por ocupar mais espaço na memória.

Com o Vue Storefront, no entanto, é quase como se tivéssemos voltado à era dos aplicativos Symbian. Ele usa muito menos dados em comparação com aplicativos nativos.

E a melhor parte é que o cliente da sua loja não precisa baixar nada. Eles podem acessar a experiência nativa diretamente através de seus navegadores da web.

De fato, eles nem precisam ficar online. Vue Storefront permite que eles comprem confortavelmente mesmo quando seus dispositivos estão offline.

Então pegue isso. Embora seu site de comércio eletrônico acabe se comportando como um aplicativo nativo, o Google ainda o considera um site. Portanto, é claro, sua loja online será indexada de acordo, assim como outros sites regulares.

E aqui está a coisa. Provavelmente, seu site terá uma enorme vantagem de classificação em relação a outras regulares, porque o Google tende a favorecer sites com velocidades de carregamento rápidas. Além disso, vale a pena notar que os mecanismos de pesquisa estão cada vez mais migrando para a indexação em dispositivos móveis.

Por falar nisso, um ótimo tempo de carregamento significa mais tráfego. Até agora, você já deve ter notado que a baixa velocidade de carregamento de páginas da web gera altas taxas de rejeição, pois os consumidores da Internet odeiam esperar. Portanto, com o aumento do fluxo de tráfego, você poderá melhorar sua taxa de conversão geral a longo prazo.

Outra tática que você pode usar para aumentar ainda mais o envio de notificações por push. O Vue Storefront permite que você mantenha seus leads envolvidos ao se comunicar com eles por meio de mensagens push. Você pode tirar proveito disso para executar promoções, bem como fazer vendas cruzadas e up-sell de vários produtos.

Iniciando

A equipe por trás da Vue Storefront aparentemente começou com Magento porque é uma das maiores plataformas de comércio eletrônico do mundo hoje. Além disso, é um sistema de código aberto que combina excelentes funcionalidades com flexibilidade ilimitada. É por isso que, de fato, as empresas e empresas estão aderindo extraordinariamente ao Magento movimento.

Se você é um dos muitos, pode começar imediatamente aproveitando as vantagens do Vue Storefront's Magento aplicativo. O processo, entretanto, não é tão simples quanto você pode imaginar.

No início, você precisa contar com oficinas para planejar seu projeto adequadamente. Isso significa especificar não apenas o escopo do seu projeto, mas também o orçamento e o tempo correspondentes.

A seguir, é apresentada a prova de conceito e seu objetivo é confirmar o impacto que a Vue Storefront tem sobre seus negócios. Conseqüentemente, talvez você precise executar uma breve instância do Vue Storefront ao conduzir vários testes de experiência do usuário.

Só isso pode ser bastante útil quando você precisa convencer as partes interessadas a investir no aplicativo. Além disso, você também terá a chance de tomar decisões informadas sobre a próxima implantação com base em como os usuários respondem à nova versão da loja.

Em suma, a prova de conceito deve levar algumas semanas - talvez 4-6, no máximo. Em seguida, usando os dados coletados, você pode implementar uma versão completa do PWA do seu site de comércio eletrônico usando o Vue Storefront. E, com o passar do tempo, você pode trabalhar gradualmente no código-fonte aberto subjacente para alinhar seus negócios com as necessidades em constante mudança do mercado.

Componentes

Vue Storefront vem com dois tipos diferentes de componentes.

Na fundação, temos a Componentes do núcleo. Eles são construídos com base nas estruturas comerciais fundamentais das lojas on-line típicas. Então, de certa forma, eles economizam o trabalho de criar tudo do zero.

Dito isto, os principais componentes podem ser adotados pelos temas do seu site. Tudo o que você precisa é simplesmente estilizar e definir a marcação HTML que o acompanha.

E enquanto você está nisso, notará que cada componente principal oferece uma interface distinta, que você pode refazer facilmente através do seu tema.

Bem, se você estiver pronto para a tarefa, deverá encontrar os componentes principais na pasta de componentes de cada módulo. Depois, aplique-os aos seus temas como mixins.

Falando nisso, aposto que você provavelmente já adivinhou o segundo tipo de componente. E sim, você está certo. Eles são Componentes do tema, que representam o layout de front-end que você exibe no aplicativo.

Embora você possa colocar seus próprios componentes especializados em um tema, o método mais fácil de aplicar a lógica de negócios é sempre aproveitar os componentes principais.

Temas da montra

Embora o Vue Storefront continue a utilizar temas pré-projetados, você não precisa usá-los. Em vez disso, você pode criar seus próprios temas de comércio eletrônico e combiná-los com a lógica de negócios principal do aplicativo para obter uma experiência completa de comércio eletrônico.

Mas você precisará de habilidades em HTML e CSS para conseguir isso. Ou, como alternativa, basta contratar um desenvolvedor experiente para lidar com todo o processo. O Vue Storefront ainda permite que você personalize ainda mais seus componentes principais, se necessário.

No entanto, pensando bem, criar seu próprio tema a partir do zero parece um processo complicado. Além disso, Vue Storefront vem com seus próprios temas sólidos no src / temas pasta.

O mais recente Theme 2.0, por exemplo, foi criado usando Manual de varejo do Google UX. Isso se traduz em uma experiência do usuário bem otimizada. Mas isso não é tudo. Como é dinamicamente flexível, você pode ajustá-lo de várias maneiras diferentes para criar seu próprio design especializado.

Recursos de comércio eletrônico

Aqui estão alguns dos recursos de comércio eletrônico que você encontrará na Vue Storefront:

• Navegação no catálogo
• Navegação de produtos
• Suporte de gerenciamento de catálogo
• Contas de clientes
• Atendimento ao cliente
• gerenciamento de pedidos
• Promoções de marketing
• Analytics e relatórios
• SEO
• Checkout, pagamento e envio

Vue Storefront Review - Preços

Adquirir Vue Storefront não vai te custar nada. Nem um centavo. Os custos apenas começam a se acumular quando se trata dos estágios de personalização subseqüentes.

A menos que você tenha experiência em codificação, será obrigado a contratar uma equipe de desenvolvedores para integrar o Vue Storefront ao seu site de comércio eletrônico, além de ajustar seus principais componentes e temas.

Quem deve considerar o uso da Vue Storefront? 

Não há como negar que o Vue Storefront é uma ferramenta revolucionária para melhorar a experiência do usuário do seu cliente. E considerando que é um Progressive Web Application de código aberto, ele está disponível para todos gratuitamente.

O problema com o Vue Storefront, no entanto, é o processo de implementação. A incorporação do aplicativo ao seu site de comércio eletrônico é um processo tecnicamente complexo que exige codificação pesada. Certamente não é algo que você possa gerenciar sem habilidades de codificação.

Mas isso não é nada comparado aos benefícios dos PWAs. Vue Storefront vale a pena o esforço. Portanto, você pode contratar um desenvolvedor experiente para executá-lo de acordo. Além disso, sua arquitetura Headless o torna um aplicativo flexível que pode ser incorporado a qualquer back-end da plataforma de comércio eletrônico.

Tudo somado, portanto, Vue Storefront é para todos os tipos de negócios e empresas on-line. Desde que você esteja executando um site de comércio eletrônico, vale a pena considerar este aplicativo progressivo da Web se você deseja aprimorar sua experiência geral do cliente.

É um atestado de saúde limpo aqui em ecommerce-platforms.com. Agora, para você, quais são seus pensamentos?