Card de Produtos

Giga Atacado.

Como a Quality Digital digitalizou os conceitos de um comércio atacadista no e-commerce do Giga Atacado.

A implementação da feature Card de Produtos realizada pela Quality Digital resultou ao consumidor final visualização rápida e atrativa dos produtos, facilitando a escolha e compra e aumentando vendas

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.

Falar com especialista

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 Quality Digital 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 Quality Digital, 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 Quality Digital 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 Quality Digital precisavam entender a melhor maneira de disponibilizar essa variação para cada um dos SKUs do e-commerce.

4. Desenvolvimento com API da VTEX

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.

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 Quality Digital é a parceira mais valiosa da VTEX, conquistando em 2023 a liderança no Quadrante VTEX 2023.

Palavras 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 Quality Digital e o know-how do time de desenvolvimento em VTEX IO foi fundamental para a execução desse projeto.
Renato Rodrigues
Gerente de Ecommerce do Giga Atacado

Fale Conosco.

Ao enviar este formulário dou consentimento específico para que meus dados pessoais e eventuais dados pessoais sensíveis sejam tratados pela QUALITY SOFTWARE S/A e empresas coligadas ou subsidiárias do grupo econômico, envolvendo ações de marketing, de comunicação social e recrutamento e seleção. Os direitos do titular podem ser aplicados em conformidade com a Política de Privacidade, e por meio do contato com o canal dpo@quality.com.br. Os dados são tratados em conformidade com a Lei n°. 13.709/18.

Política de Privacidade