setor
Cliente
atuação
Criação de um sistema escalável para transformar páginas técnicas e campanhas recorrentes em experiências mais claras, consistentes e orientadas à conversão.
O site da PipeRun possui mais de 1.000 páginas publicadas, muitas delas com tráfego relevante e papel importante na jornada de conversão.
Essas páginas eram uma parte estratégica da aquisição orgânica da empresa, mas não tinham uma estrutura visual e narrativa consistente.
Em muitos casos, páginas com temas parecidos, como features do produto, segmentos atendidos e dores do cliente, seguiam formatos diferentes e pouco conectados entre si.
O desafio era criar uma forma de evoluir esse volume de páginas com mais consistência, qualidade e velocidade, sem comprometer SEO, tráfego e performance comercial.
Grande parte das páginas antigas tinha excesso de texto, linguagem muito técnica, hierarquia visual fraca e pouca conexão com a jornada real do usuário.
A informação muitas vezes estava organizada de um jeito difícil de consumir. O usuário precisava se esforçar para entender como uma feature do produto poderia ser útil para a sua operação.
Além disso, a falta de padrões dificultava a criação de novas páginas e campanhas. Cada nova demanda exigia decisões manuais de estrutura, narrativa, componentes, CTAs e adaptação visual.
O problema central era transformar uma base grande e despadronizada em um sistema coerente, escalável e orientado à conversão.
Páginas antigas do site da PipeRun sem padrão visual
A primeira etapa foi entender o que existia no site.
Analisei diversas páginas relevantes para identificar o que elas tinham em comum, onde se diferenciavam e quais estruturas poderiam ser padronizadas.
Para acelerar essa leitura, criei agentes de IA que ajudaram na identificação de padrões, agrupamento de páginas e análise de conteúdos recorrentes. A partir desse diagnóstico, organizei as páginas em três grandes grupos:
Features do produto
Páginas focadas em funcionalidades, integrações e capacidades do CRM.
Segmentos atendidos
Páginas voltadas para tipos de empresas, mercados ou perfis de cliente.
Dores do cliente
Páginas orientadas a problemas específicos do público, usadas principalmente em campanhas e jornadas de aquisição.
Com essa estrutura definida, defini os padrões de design para novas páginas, landing pages e criativos de campanha, reaproveitando o design system criado no redesign da Home. Esses padrões incluíam hierarquia visual, blocos de conteúdo, componentes, CTAs, formulários, cards, seções de apoio para SEO e regras de adaptação para diferentes formatos.
Depois disso, documentei o processo para que as novas páginas e campanhas pudessem ser criadas com consistência, mesmo em escala.
Essa organização permitiu transformar um volume grande de páginas soltas em um sistema com lógica, recorrência e critérios claros de criação.
Depois de definir e documentar os padrões, criei agentes de IA para apoiar a produção das páginas em escala.
Esses agentes recebiam diretrizes de conteúdo, estrutura narrativa, padrões visuais, regras de SEO e o tipo de página a ser criada. A partir disso, geravam primeiras versões de conteúdo e código HTML dentro do novo padrão definido.
Nas páginas de campanha, o fluxo foi expandido. A partir de um prompt, o agente analisava as dores de um ICP, criava o conteúdo da landing page, gerava o código da página, adaptava mensagens para Google Ads e Meta Ads e criava um pacote com mais de 30 criativos em diferentes formatos, seguindo diretrizes visuais previamente definidas no Figma, via MCP.
Fluxo automatizado de criação de páginas e criativos
O projeto criou uma base escalável para evoluir páginas e campanhas da PipeRun com mais velocidade, consistência e clareza.
As novas estruturas reduziram a necessidade de começar cada página do zero e ajudaram a manter uma experiência mais alinhada ao design system, ao SEO, à jornada do usuário e aos objetivos comerciais da empresa.
Os principais ganhos foram:
maior consistência entre páginas estratégicas do site;
páginas menos técnicas e mais orientadas à dor do usuário;
adoção do novo design system em escala;
produção mais rápida de páginas e campanhas;
integração entre landing pages, anúncios e criativos;
uso de IA com diretrizes, revisão e controle de qualidade.
Páginas novas padronizadas e modernizadas