Desenvolvimento · 2026
Algumas papelarias em São Paulo aceitam o cartão-material da prefeitura, mas a operadora não oferece API nem gateway de pagamento integrável com e-commerce. Tecnicamente, era uma integração impossível pelos caminhos convencionais: sem endpoint REST, sem webhook, sem documentação.
Site ao vivo.
Navegue pelo site real dentro da página. Alguns sites bloqueiam a exibição incorporada — nesse caso, use o botão “Abrir”.
Resultados.
24/7
Operação
a cada 3s
Checagem de novos pedidos
zero
Digitação manual
automática
Confirmação de pagamento
O projeto.
A solução foi um bot de RPA (Robotic Process Automation) com browser headless: um worker em polling a cada 3 segundos detecta pedidos novos na loja, executa o fluxo completo no portal da operadora via automação de navegador (login, preenchimento de formulário, submissão e leitura do retorno), e faz o callback de status pro e-commerce. Pedido aprovado dispara a mudança de estado e o e-mail transacional ao cliente; recusado entra numa dead-letter queue com o motivo logado. Tudo roda on-premises, 24/7, com watchdog, auto-restart e um dashboard de observabilidade em tempo real mostrando o heartbeat do robô.
Como foi feito
Execução técnica.
05Mapeamento das jornadas prioritárias, definição da hierarquia de conteúdo e do modelo de dados antes de qualquer tela. O escopo é fechado em componentes reutilizáveis, o que reduz retrabalho e mantém o comportamento consistente entre páginas.
Tokens de cor, tipografia, espaçamento e raio definidos em CSS e consumidos por componentes — nenhum valor solto no código. Layout construído em grid responsivo com breakpoints reais de uso (mobile, tablet, desktop) e estados explícitos de hover, foco, carregamento, vazio e erro.
Imagens servidas em formato moderno com dimensões fixas para evitar deslocamento de layout, carregamento diferido abaixo da dobra, divisão de código por rota e renderização no servidor do conteúdo crítico. Animações restritas a transform e opacity, aceleradas por GPU, para manter o scroll estável.
Estrutura semântica com um H1 por página, meta e Open Graph por rota, dados estruturados em JSON-LD, sitemap e canônicas. Contraste, navegação por teclado e rótulos ARIA validados. Camada de analytics instalada com eventos de conversão nomeados por etapa da jornada.
Toda a entrega roda em ciclo fechado: definição de indicador primário, coleta em painel único, leitura semanal de variação e ajuste na semana seguinte. O critério de decisão é sempre o dado de saída — não o gosto pessoal. Neste projeto os indicadores acompanhados foram operação, checagem de novos pedidos, digitação manual, confirmação de pagamento.
Próximo projeto
Landing page que qualifica antes de marcar visita