Giga Atacado: Feature Card de Produtos

O Giga Atacado nasceu em 2009 no bairro do Limão e desde então vem expandindo suas operações no estado de São Paulo onde emprega mais de 1400 funcionários em suas 10 lojas. A rede é especialista em atacarejo no Brasil, pois atende desde um público B2B, com foco em pequenos comerciantes, até o consumidor pessoa física, que […]

PUBLICADO EM
29/12/2021
CATEGORIA
SUPERMERCADOS

O Giga Atacado nasceu em 2009 no bairro do Limão e desde então vem expandindo suas operações no estado de São Paulo onde emprega mais de 1400 funcionários em suas 10 lojas.

A rede é especialista em atacarejo no Brasil, pois atende desde um público B2B, com foco em pequenos comerciantes, até o consumidor pessoa física, que busca o melhor custo-benefício nas compras de supermercado. Hoje, com 10 unidades consolidadas, o Giga cumpre um papel importante no abastecimento de mais de 500 mil clientes por mês.

A experiência do atacarejo dentro de um e-commerce.

O Giga Atacado, apesar de já estar há mais de doze anos no mercado, não era muito forte em canais digitais, e a ACCT foi responsável por realizar a implementação da tecnologia VTEX IO no e-commerce da marca.

Conforme os processos evoluíam, o time de desenvolvimento da ACCT, somados a aprendizados de projetos anteriores, identificou algumas oportunidades de features que poderiam deixar a experiência dos usuários do e-commerce do Giga Atacado ainda mais positivas.

A digitalização do cenário atacadista.

O grande desafio deste projeto foi entender o melhor caminho de como recriar um cenário tão conhecido no mundo físico para o mundo on-line. Quando um consumidor visita um atacadista, seja ele uma pessoa física ou comerciante, um dos principais atributos buscados é a possibilidade de comprar uma quantidade alta de produtos e, consequentemente, pagar menos por cada unidade. Assim, foi sugerido e implementado pelo time de desenvolvimento da ACCT a feature card de produtos.

Card de Produtos

Esta feature, como o próprio nome já diz, está relacionada aos produtos do site e está disponível sempre que um produto é exibido. De maneira objetiva, com esta implementação, o consumidor tem acesso, rapidamente, a três informações muito importantes e decisivas:

Preço por unidade
Quantidade mínima para preço com desconto
Adicionar uma caixa completa do produto com apenas um clique

Em suma, a feature card de produtos trouxe a possibilidade de deixar o e-commerce do Giga Atacado mais dinâmico e de fácil utilização para todos os usuários do site, que podem realizar compras em altas quantidades pré-estabelecidas, que pode ser em caixas, embalagens ou fardos, de uma maneira muito simples e rápida

Passo a passo da Solução

Para desenvolver a solução da melhor maneira possível, é importante entender o passo a passo de como foi o processo deste projeto.

1. Necessidades da Feature

Por ser um comércio atacadista, muitos usuários já buscam o Giga Atacado justamente pelos preços competitivos. Assim, ao entender as necessidades da feature, foi identificada a melhor maneira de otimizar esta etapa de compra com a inclusão de alguns botões.

2. Desenvolvimento de Componentes

Em um segundo momento, a etapa de desenvolvimento começou: inicialmente apenas para compra de produtos unitários e, em seguida, para os produtos pesáveis – cujo peso final pode variar, dependendo do item comprado.

3. Inclusão dos Botões

Uma vez que cada produto pode ser vendido em caixas, fardos ou quilos, nesta etapa os desenvolvedores da ACCT precisavam entender a melhor maneira de disponibilizar essa variação para cada um dos SKUs do e-commerce.

4. Desenvolvimento em cima da API da VTEX

Para desenvolver esta solução, o desenvolvimento ocorreu em cima do módulo de preço fixo da VTEX, que possibilitava a escolha de price list com variáveis como preço e quantidade mínima.

Linguagens de Programação

O desenvolvimento deste projeto utilizou algumas linguagens de programação distintas, porém complementares, para que a feature fosse desenvolvida e implementada de maneira ágil e efetiva.

Para fazer a requisição na API da VTEX, foi utilizada um Quare de GRAPHQL – uma linguagem de consulta para facilitar as requisições e retornar apenas o que é relevante, como trade policies, valores e quantidade mínima -, e as linguagens JavaScript e React, com alguns detalhes de Node.JS.

Customização VTEX: excelência do início à implementação.

Todo o desenvolvimento e implementação desta feature foi possível com uma customização específica na plataforma. É importante, também, dizer que a ACCT é a parceira mais valiosa da VTEX, conquistando em 2021 a liderança no Quadrante VTEX 2021 e sendo reconhecida como grande destaque da edição pela campanha pré e pós Quadrante.

Palavra do Cliente

Escolhemos o VTEX IO por ser uma plataforma de comércio headless que equilibra velocidade e flexibilidade e que nos possibilitou desenvolver funcionalidades de precificação customizadas para atender características de B2B. Tivemos muita sinergia com a ACCT e o know-how do time de desenvolvimento em VTEX IO foi fundamental para a execução desse projeto.