Case Animativa

Eliminando o retrabalho manual entre HubSpot e SAP
Animativa
Sobre a empresa
A Animativa é uma das maiores indústrias de papelaria da América Latina, sediada em Catanduva (SP), com mais de 80 anos de mercado. Atua nos segmentos de educação, entretenimento e corporativo, com portfólio que vai de cadernos e planners a linhas licenciadas, além de canal D2C próprio.
Soluções
Desenvolvimento de UI Extension personalizada (HubSpot Developer Platform)
Ferramentas
HubSpot, SAP

A Animativa já operava com HubSpot integrado ao SAP, mas todo negócio fechado dependia de um passo manual: o vendedor precisava replicar as informações do pedido diretamente no SAP para liberar o processo no financeiro. Esse fluxo duplicado gerava dados cadastrais desatualizados, erros no envio ao ERP e retrabalho constante da equipe comercial.

O desafio não parou na entrega inicial. Com o tempo, a própria HubSpot lançou uma nova versão de sistema, o que exigia que a integração se mantivesse compatível para continuar funcionando. Ao mesmo tempo, o volume de dados trazidos do SAP para dentro do card começou a pedir mais eficiência, com respostas mais lentas e pontos de travamento, e o preenchimento do pedido pelo vendedor tinha fricções no dia a dia que precisavam ser simplificadas. Antes das melhorias, a visibilidade sobre os erros do aplicativo também era limitada: praticamente todo erro aparecia com a mesma mensagem genérica de conexão, dificultando o diagnóstico tanto para o time interno quanto para o usuário final.

A Inside desenvolveu uma UI Extension (card customizado em React) dentro do próprio registro de Negócio na HubSpot, eliminando a necessidade do vendedor acessar o SAP para lançar pedidos. O card cumpre duas funções centrais: força a revisão dos dados cadastrais da empresa antes de qualquer envio ao ERP, e permite digitar e enviar o pedido completo (itens, frete, condição de pagamento) sem sair da HubSpot. Uma trava automática impede a digitação de pedidos para clientes bloqueados, exibindo alerta em tela quando há inadimplência ou outra restrição.

Além do desenvolvimento inicial, a integração passou por uma atualização para acompanhar o novo sistema da HubSpot, garantindo que o card continuasse funcionando dentro dos padrões mais recentes da plataforma. A Inside seguiu com otimizações pontuais depois disso, incluindo novos campos no pedido, melhorias na apuração de margem e, principalmente, uma categorização mais clara dos tipos de erro do aplicativo (erro de margem, de consulta de preço, de conexão HTTP, de consumo de API), simplificando o preenchimento do card pelos vendedores no dia a dia.

Gostaria de agradecer o apoio da Inside na otimização do nosso aplicativo de pedido (...) vamos continuar evoluindo ele para que futuramente a gente possa ter uma tela mais personalizada para o usuário.
Valdeir Gomes
Head de Tecnologia e informação

O vendedor não precisa mais acessar o SAP diretamente. Todo o pedido é feito pela aba “Pedido” no próprio registro de Negócio da HubSpot, com dados cadastrais validados antes de cada envio (revisão obrigatória a cada seis meses) e bloqueio automático para clientes inadimplentes ou com restrição, tudo dentro do fluxo natural de uso da plataforma.

Com a atualização para o novo sistema da HubSpot e as otimizações feitas na sequência, a integração passou a trazer os dados do SAP de forma mais rápida e estável, e o preenchimento do pedido pelo vendedor ficou mais fluido, com menos fricção operacional. A categorização dos erros do aplicativo trouxe uma visão mais ampla de um processo que antes era pouco claro tanto para o time interno quanto para o usuário final, facilitando o diagnóstico e a resolução de problemas no dia a dia. O resultado não se limitou à entrega inicial: a solução se manteve atualizada e cada vez mais eficiente conforme a operação da Animativa e a própria HubSpot evoluíram.

Independente de qual é o seu problema de vendas, nós resolvemos ele em definitivo.