Pular para o conteúdo
CupCakeLabs

Projeto para cliente, em produção

EA Central

E-commerce de atacado com preço progressivo, filtro por aparelho e pedido pelo WhatsApp.

Setor
Atacado de acessórios para celular
Ano
2026
Onde roda
Web, Celular (responsivo)
Vitrine da EA Central com produtos e faixa de desconto por quantidade

Contexto

O atendimento era feito pelo WhatsApp com um catálogo em PDF. O cliente mandava a lista por áudio, o vendedor calculava o preço de atacado à mão e errava faixas de desconto. Não havia filtro por modelo de aparelho, o principal critério de quem compra capa e película.

Produto

Uma vitrine feita para quem monta pedido grande: catálogo por categoria, marca e modelo de aparelho, preço por modelo com faixas de desconto, carrinho com escolha de cores, frete pelo CEP e um botão que registra o pedido e abre o WhatsApp com a mensagem pronta. Do outro lado, um painel onde o próprio lojista mantém o catálogo e acompanha os pedidos.

Desafio

  • Implementar uma política de preço de balcão: faixa de desconto somando modelos do mesmo produto e exceções de preço por modelo.
  • Transformar um catálogo em PDF, sem cor nem modelo e com nomes inconsistentes, em dados estruturados.
  • Dar autonomia ao lojista para manter centenas de produtos sem depender de desenvolvedor.

Solução

As regras de preço são compartilhadas entre front-end e API, com o servidor como fonte da verdade: todo pedido é recalculado a partir do banco. Um pipeline próprio extraiu e classificou o catálogo do PDF, e o painel ganhou ações em massa para completar o cadastro sem abrir formulário por formulário.

Arquitetura

Vitrine e painel são o mesmo front-end; a API é a única que fala com o banco e a única que decide preço. O WhatsApp é o canal de fechamento, não o sistema.

O endpoint de pedidos recalcula tudo a partir do banco e devolve o link do WhatsApp com a mensagem pronta.

Tecnologia

Front-end
  • React 18
  • TypeScript
  • Vite
  • React Router 7
Back-end
  • Node.js 20
  • Express
  • Prisma
  • Zod
  • Helmet
Dados e deploy
  • PostgreSQL 16
  • Vercel
  • Railway
Integrações
  • WhatsApp
  • SuperFrete
  • Meta Pixel e Conversions API
  • ViaCEP
  • PIX
  • Playwright

Resultado

  • No ar em eacentral.com.br, com o catálogo mantido pelo próprio cliente no painel.
  • Pedidos chegam registrados e recalculados no servidor, em vez de listas por áudio.
  • Catálogo importado do PDF original por um pipeline de extração, sem digitação manual.

Por dentro do produto

Catálogo filtrado por marca e modelo de aparelho
Filtro por marca e modelo, o critério de quem compra capa e película.
Ficha de produto com faixas de preço por quantidade
Faixas de desconto por quantidade na ficha do produto.
Carrinho agrupado por produto com faixa de desconto conquistada
Carrinho agrupado por produto, com a faixa conquistada.
Painel com desconto por quantidade e preço por modelo
No painel, preço por modelo e desconto por quantidade.
Lista de pedidos com status no painel
Pedidos com status e exportação para separação.
Página inicial da EA Central
Página inicial da vitrine.

Tem um problema parecido?

A primeira conversa serve para entender o problema. Se fizer sentido trabalharmos juntos, você recebe uma proposta com escopo, fases e prazo.

Fale sobre seu projeto