VTEX.IO conheça o projeto da we.digi - we.digi

Afinal, o que é o VTEX IO e como ele pode ajudar minha operação?

Esta é uma pergunta frequente dos nossos clientes. De uma forma resumida, VTEX IO é uma nova tecnologia da VTEX para construção e implantação de e-commerces e construção de aplicativos. Diferente do modelo atual em que o site é construído todo em HTML, o IO utiliza novas tecnologias de ponta e de alta produtividade como TypeScript, React, GraphQL, .NET e Node.

Sopa de letrinhas, né?

A ideia é tornar o processo de implantação mais dinâmico e controlado. Pois a solução baseia-se em micro aplicações conectadas a um tema principal. No universo VTEX, o seu e-commerce passará a ser um aplicativo que consome outros componentes nativos da VTEX ou de terceiros. 

No início do ano, escrevi um post falando mais a respeito da tecnologia. Se tiver interesse em se aprofundar no assunto, é só clicar aqui.

Bom, vamos falar do projeto publicado em IO.

Por que escolhemos VTEX.IO?

Chegou a seguinte demanda:

 “Preciso subir uma operação com 50 produtos, layout leve, rápido e que siga como referência o site do distribuidor internacional. E detalhe: preciso que esteja pronto em até 30 dias”.

A we.digi já cuida de outras duas operações VTEX deste cliente e vimos uma excelente oportunidade para mostrar o que há de mais novo, assim no futuro, podemos migrar as outras para o IO. 

Outro ponto importante: a maioria dos esforços da plataforma para novas funcionalidades estão voltadas para VTEX IO. 

Eis que nasceu a Hunter Fan: www.hunterfan.com.br

Junte-se a nós
Receba conteúdos sobre marketing de performance, Plataforma Vtex e performance digital exclusivos e com prioridade

Componentes VTEX IO

Como dito, utilizamos os componentes 100% VTEX, tais como: minicart, vtex search, menu, banner, infocard (imagem, título, texto, link), lista de produtos, menu mobile (Drawer).

Isso é legal, pois os componentes estão em constante evolução e todas as atualizações são replicadas de forma automática. Com poucos cliques na área administrativa, é possível se beneficiar de uma nova feature. VTEX login, por exemplo, no momento do lançamento não tinha a opção do login Google com um clique. Na semana deste post, o recurso foi liberado para ser utilizado.

Sobre o projeto 

Como nem tudo são flores, tivemos a necessidade de personalizar alguns dos componentes. Seguem algumas customizações realizadas em React:

  • Preço a vista na lista do produto (boleto). O padrão é exibir esta informação somente na tela de detalhe do produto;
  • Formulário com um campo de upload para envio da NF;
  • Usabilidade no campo de pesquisa. No mobile, o campo de busca só aparece depois de um clique;
  • Criação de mais de 20 páginas customizadas de produto. Como utilizamos objetos, ganhamos um bom tempo na criação das páginas. Se fosse em HTML, gastaríamos, no mínimo o dobro do tempo.

Área administrativa 

Já roda VTEX? Então conhece bem a falta de usabilidade da área administrativa principalmente para edição de banners – desktop e mobile -, menu e textos.

Tenho certeza que isso aqui vai te deixar feliz. 

Você visualiza todos os componentes na mesma tela e consegue editar tudo, em tempo real de uma forma extremamente simplificada. Veja no exemplo abaixo:

Funcionalidades nativas

Abaixo vou descrever algumas das funcionalidades nativas da plataforma:

Teste A/B 

Uma mesma funcionalidade pode ter versões diferentes, armazenadas em áreas distintas chamadas de workspaces.

Havendo por exemplo, duas versões de uma mesma funcionalidade cuja performance desejamos medir, podemos armazená-las em seus respectivos workspaces e configurar o percentual de tráfego em que cada um deverá ser executado.

Ao fim pode-se aferir a performance de cada um deles.

PWA (Progressive Web Apps) 

São aplicativos web que fazem do seu site uma espécie de aplicativo nativo , oferecendo aos usuários vantagens como funcionalidades offline, ícone da tela inicial e outros.

Instalação de Aplicativos

A flexibilidade de instalar novos recursos em seu site sem depender de desenvolvimento.

Desenvolvimento dinâmico baseado em workspace

Muito mais agilidade no desenvolvimento utilizando componentes nativo e com controle de workspaces você pode testar antes de fazer uma publicação sem afetar suas vendas e otimizado para o SEO.

Constante Evolução

Como agência estamos acompanhado o esforço da VTEX e parceiros como nós no desenvolvimento de novos aplicativos para o ambiente IO, isso reforça que em um curto espaço de tempo não existirá mais espaço para sites no VTEX Legacy.

A agência Wedigi conta com profissionais altamente capacitados para dar todo o suporte para o seu site VTEX e proporcionamos todo o expertise necessário para lhe auxiliar a solucionar quaisquer problemas que ocorram na configuração e gestão de seu site VTEX.

Será que serve pra você?

Está pensando em reformular o layout da sua loja?

Tem melhorias de usabilidade pra fazer?

Precisa melhorar a velocidade?

Quer ter acesso a uma infinidade de aplicativos que poderão melhorar sua operação?

Você sabe que mais cedo ou mais tarde teremos que conversar sobre este assunto. Então por que não adiantar?

Quer conhecer mais benefícios para sua operação?
mande uma mensagem agora!

Com a we.digi você reformula seu e-commerce sem dor de cabeça. A gente te libera para cuidar do seu dia-a-dia e viramos essa chave pra você.

Aguardo seu contato para uma análise e te explicar com mais detalhes como funciona essa migração.

Te espero!

Veja mais: Performance DigitalAnúncios FacebookAnúncios Google

    Por Felipe Trudes

    Novos negócios