Com um modelo de negócios diversificado e resiliente baseado na multicanalidade, a empresa que possui uma ampla e moderna rede de lojas lançou seu primeiro projeto de e-commerce em 2020, em meio a pandemia. A ACCT foi responsável por migrá-lo para VTEX IO.

A varejista conta com 141 lojas, sendo 136 próprias e cinco franquias, com aproximadamente 140 mil metros quadrados de área de vendas. Elas estão distribuídas em 14 estados, nas regiões Norte, Nordeste, Centro-Oeste e Sudeste, em 74 municípios.

 

Problema

Após o fechamento das lojas físicas, a direção da empresa decidiu por um projeto de extrema urgência, e por conta da necessidade de velocidade, alguns passos importantes na estruturação de um projeto complexo de e-commerce foram negligenciados.

Quando a empresa entrou em contato com a ACCT, seu primeiro site (desenvolvido pela concorrência) apresentava uma performance bastante baixa, principalmente nos quesitos:

• Tempo de carregamento.
• Navegação.
• Menu Principal.

 

Arquitetura do website: uma das maiores barreiras para a evolução do site antigo em CMS foi a arquitetura, a última empresa não conseguiu fazer com que eles tivessem uma página única que puxasse todas as páginas dos produtos do clube de vantagens da marca. Toda a operação desse clube era complicada e braçal, surgindo assim uma necessidade no projeto, a automação de processos.

 

Solução:VTEX IO

O go-live deste projeto aconteceu no dia 14 de abril, totalizando assim três meses de migração até o lançamento da nova loja. O cliente já utilizava a plataforma VTEX CMS e decidiu migrar para o VTEX IO, para isso, foi decidido que a primeira entrega seria um MVP (Mínimo Produto Viável), para que as features mais relevantes fossem pro ar o mais rápido possível e evoluções incrementais fossem realizadas em cima desse MVP.

 

Projeto

O escopo central do projeto envolveu principalmente a migração da loja para o VTEX IO. A ACCT é reconhecida pela VTEX como líder absoluta em implementações da tecnologia IO. Com mais de 20 projetos altamente performáticos entregues para algumas das maiores marcas do varejo global como Electrolux, Carrefour e Samsung. Por isso os clientes com projetos mais complexos procuram a ACCT.

 

Customizações

Customização do meu principal: umas das maiores necessidades do cliente neste projeto era a evolução completa do menu principal. O menu anterior, que foi criado por uma agência, tinha baixa performance e péssima usabilidade, de acordo com pesquisas de satisfação realizadas.

 

Menu Drop

Hoje o menu do cliente conta com um de drop com diferentes categorias e com quatro níveis de navegação, seguindo as melhores práticas do mercado internacional. Para um website que oferece uma grande variedade de categorias e produtos, uma navegação de menu com muitos níveis e ainda assim intuitiva é muito importante.

 

Performance

As customizações feitas pelo time ACCT em conjunto com uma arquitetura mais fluida e leve, fez que essa migração para VTEX IO melhorasse de forma surpreendente a performance do website.

Com um menu mais responsivo, um código mais confiável, além de uma tecnologia mais moderna, o e-commerce do cliente passou a ter indicadores de performance muito superiores ao do website anterior, principalmente nos seguintes critérios:

• Taxa de conversão.
• Tempo de carregamento.
• Bounce rate.
• Tempo na página.

 

Design de Experiência

O profissional de UX e UI passa muito tempo pesquisando, descobrindo as necessidades do usuário e criando soluções de design que seguem princípios psicológicos fundamentais.

Ele é responsável por executar todas as pesquisas necessárias para o desenvolvimento do projeto, criando e entregando protótipos navegáveis que tangibilizam as soluções, além de conduzir testes com nossos clientes, parceiros e stakeholders.

A mudança de layout proposta pela ACCT em conjunto com um cliente fez algumas alterações no design do site. Apesar dessas mudanças parecerem simples para o usuário comum, elas geram uma melhora considerável na experiência dentro do site, quando comparado ao CMS. Foram usadas novas cores, botões foram reposicionados, além de posicionamento da página de produtos.

 

 

Clube de Vantagens

A empresa tem um clube de compras onde oferece os melhores descontos presentes no site. Portanto a performance desse clube de vantagens exclusivas estava trazendo pouco resultado, e uma das conclusões era a dificuldade de navegação do usuário, assim como um processo muito complicado para o cadastramento de segmentação desses produtos pelos analistas de e-commerce.

Em cada produto que o usuário tem acesso no site, ele encontra o preço normal e o preço do clube de vantagens, caso o produto seja cadastrado dentro do catálogo do clube. Contudo no formato anterior não existia uma página apenas com os produtos do clube, por erro de arquitetura e falta de planejamento na implementação.

 

Solução – VTEX IO

Para resolver esse problema dentro do ambiente VTEX, é preciso de uma estrutura dentro da VTEX para agrupar produtos. Como esses produtos pertenciam a várias categorias, era muito complicado adicionar produtos ao clube.

 

API First

A ACCT criou um sistema de integração via API onde é possível criar um endpoint que vai se alimentar de uma tabela de preços e produtos enviados, possibilitando que todo o processo se torne automatizado e a curadoria dos produtos com condições especiais passa a ser automática.

 

Dual Track

Durante esse projeto a ACCT implementou uma metodologia chamada Dual Track, que é um framework ágil onde os times de Experience Design e Desenvolvimento trabalham muito em conjunto. Um exemplo é que toda vez que um design cria uma tela, feature ou botão, este colaborador tem que validar com o time de desenvolvimento de software se aquilo é algo factível e ideal, agilizando assim o processo e evitando retrabalho, além de gerar conhecimento para ambas as áreas.

Caso queira entrar em contato com nosso time, clique aqui. Confira outros cases da ACCT aqui.