GO-LIVE:
DEZEMBRO DE 2021

WEBSITES:
LEVEROS.COM.BR

CATEGORIA:
Marketplace / Refrigeração & Climatização

Resumo do case

• ✅ Análise completo do código e da loja;

• ✅ Definição do plano de ação para refatoração do código no módulo CMS ;

• ✅ 100% de aumento no Mobile e 50% de aumento no Desktop;
• ✅ Gênese de uma nova era;

Antes de iniciarmos o trabalho de performance deste case de sucesso, é preciso entender como a refatoração funciona e quais os principais pontos para podermos seguir.

O termo refatoração no mundo tecnológico, tem como premissa a melhora do código existente, evitando que durante seu ciclo de vida fique obsoleto, sem focar em um novo layout ou novas funcionalidades e sim na qualidade do código.

É muito comum quando recebemos um novo cliente e seu código fonte precisa ser revisto.

Isso acontece por alguns fatores como:

• ❌ O código já passou na mão de muitos prestadores de serviços(desde freelancers até agencias que não conhecem a Plataforma VTEX ou que não tiveram um alinhamento com a agência anterior);
• ❌ O cliente não recebeu um bom suporte sobre a plataforma, então desconhece quais os pontos avaliar antes da contratação de um prestador de serviço;
• ❌ Escolheu um parceiro que não condiz com os objetivos e planejamento da empresa e infelizmente, o barato sai caro;

Para resolver este grande problema, o primeiro passo é:

Saiba mais sobre a Leveros

A Leveros nasceu lá atrás, na década de 70 como uma prestadora de serviços autorizados da marca Brastemp, com o nome de GELOSOM.

Após 27 anos no mercado, entendeu que o futuro estava no e-commerce mas para isso precisou ampliar as suas operações em âmbito nacional, agora não só uma prestadora de serviço, mas também com a venda de Aparelhos de ar-condicionado também, com o nome no mercado MULTI-AR.

Em 2017, com um novo posicionamento da marca e a reflexão do mercado em que atuam, permitiram se tornar o que hoje conhecemos como LEVEROS

Análise completo do código e da loja

O primeiro passo que entendemos ser necessário é a avaliação completa do painel administrativo da Plataforma VTEX, ou seja, entender à fundo a arquitetura que foi criada na época.

Em sua grande maioria, encontramos diversos pontos para ajustar ou melhorar como a Árvore de Categoria, Área logística, Especificações e até mesmo Promoções.

Já uma análise dedicada na codificação da loja, ajuda a entender o nível técnico em que a loja foi desenvolvida e quais os Gaps identificamos e que podem ser melhorados.

Nossa refatoração em uma loja CMS, consiste em utilizar componentes próprios FRN, utilizando o máximo da arquitetura de microsserviços através das APIs VTEX.

Isso nos dá um grau de possibilidades e manutenção muito maior, comparado ao tradicional modelo de implementação das lojas CMS.

Definição do plano de ação para refatoração do código no módulo CMS

Feito uma investigação apurada da situação atual, chegou o momento de colocar em prática o plano de ação que vai definir o sucesso da loja, em um código mais limpo e com a arquitetura necessária para obter o melhor da plataforma e da performance.

Quando temos uma loja em produção e precisamos realizar uma refatoração, é como trocar a roda de um caminhão em movimento, tudo precisa ser feito com cautela para não termos problemas na conversão da loja.

Realizar um checklist de todas as funcionalidades é essencial, uma vez que há um legado de informações que nem sempre o cliente se recorda das regras de negócio que existem na loja atual.

Já realizamos alguns modelos e estratégias para esse plano e vamos compartilhar algumas opções:

• CENÁRIO 1: Realizar a migração em sua totalidade de uma única vez, tratando como um novo Projeto para Go Live;
• CENÁRIO 2: Realizar a refatoração por página;

No cenário 1 conseguimos de maneira única entregar uma loja com todo o código da loja refatorado. Essa atividade acaba levando um tempo extra para ser realizado, afinal estamos falando de todas as páginas como: Home, Categoria/Busca, Produto, Páginas Institucionais, Páginas Especiais.

No cenário 2 conseguimos realizar a refatoração de forma faseada, em pequenas entregas, por página, porém neste cenário temos um ponto de atenção sobre dar o suporte nessa melhoria e novas funcionalidades ao mesmo tempo. Isso pode levar em mais horas de trabalho pois qualquer funcionalidade extra teremos que desenvolver na versão antiga e na versão nova.

Vale a pena colocar na balança se existe um backlog de novas ações e se elas podem ser deixadas pós go live. O planejamento é fundamental para o sucesso!

Colhendo Resultados

Agora que explicamos o que é, fizemos uma análise completa e decidimos o modelo de trabalho, está na hora de mostrarmos resultados!

Começamos nossos trabalhos em Abril de 2021, com o foco na Melhoria de performance e SEO, fora o backlog com as novas funcionalidades que desejavam.

Mas entendemos que antes de mais nada, para ter novas funcionalidades e com um código estruturado e de fácil manutenção, precisamos primeiro dar dois passos para trás.

Após a nossa vinda e pouco a pouco realizando a refatoração pelo Cenário 2, conseguimos evoluir gradativamente a nota do Google Page speed, e tudo isso em 8 meses de longas horas alinhando e desenvolvendo uma parceria sólida.

Veja o que conseguimos alcançar:

• 🔝 Aumento da nota Mobile em 100%
• 🔝 Aumento da nota Desktop em 50%

🚨 Há diversos pontos que a ferramenta do Google analisa, que hoje no cenário VTEX CMS, infelizmente não é possível alcançar uma nova máxima, mas com as nossas ações já teve um impacta significativo para LEVEROS, essa nota é muito superior quando a sua loja foi desenvolvida no VTEX IO, uma nova forma de implementações VTEX.

Caso queira conhecer mais sobre, entre em contato conosco.

Gênese de uma nova era

Hoje temos uma loja muito mais moderna e com códigos mais atuais, trazendo conforto e agilidade para a implementação de novas funcionalidades.

E falando sobre elas, mesmo tendo mais funcionalidades disponíveis ao cliente final, ainda sim conseguimos uma nota superior desde o início da parceria.

Realizamos mais de 80 atividades ao longo deste tempo! Veja alguma delas por aqui:

• 👉 Utilização do novo módulo VTEX Seller Portal
• 👉 Implementação de Dados Estruturados para uma melhor indexação
• 👉 Compra de Serviço de Instalação
• 👉 Incrível campanha Black Friday
• 👉 Confirmação de voltagem para comprar
• 👉 Páginas Especiais para Seller
• 👉 Páginas Especiais para Produtos específicos
• 👉 Topbar personalizável
• 👉 Filtro inteligente conforme cadastro sem atualizar a página
• 👉 Consulta de frete inteligente por seller
• 👉 Busca Inteligente(autocomplete)

Veja que a lista é grande e o nosso orgulho também! Caso tenha dúvidas de alguma aplicação, estamos à disposição para batermos um papo.

Obrigado pela confiança à todo time LEVEROS!