ML.

Projetos

Sobre

Currículo

Contato

setor

Tecnologia/SaaS

Cliente

CRM PipeRun

atuação

Product Designer

Redesign Website CRM PipeRun

Redesenho da experiência institucional do CRM PipeRun para melhorar a clareza da comunicação, reduzir atritos de navegação e apoiar a geração de demanda em um produto SaaS B2B.

Web Design

UI/UX Design

B2B Strategy

CRO

Voltar para Projetos ➔

O problema:

A PipeRun vinha crescendo como solução de CRM para vendas recorrentes, mas o site institucional já não acompanhava a maturidade do produto.

A Home antiga tinha excesso de texto, visual defasado e inconsistências no discurso comercial. Isso dificultava a compreensão rápida do valor da plataforma e tornava a jornada menos eficiente para usuários em diferentes momentos de decisão.

Os dados reforçavam o problema: em 12 meses, a Home acumulou mais de 116 mil visualizações, mas retinha apenas 52% dos usuários. Além disso, a página de contato apresentava uma taxa de rejeição de 63%.

O desafio era transformar o site em uma experiência mais clara, moderna e orientada à conversão, sem perder a consistência com a identidade da marca.

A PipeRun vinha crescendo como solução de CRM para vendas recorrentes, mas o site institucional já não acompanhava a maturidade do produto.

A Home antiga tinha excesso de texto, visual defasado e inconsistências no discurso comercial. Isso dificultava a compreensão rápida do valor da plataforma e tornava a jornada menos eficiente para usuários em diferentes momentos de decisão.

Os dados reforçavam o problema: em 12 meses, a Home acumulou mais de 116 mil visualizações, mas retinha apenas 52% dos usuários. Além disso, a página de contato apresentava uma taxa de rejeição de 63%.

O desafio era transformar o site em uma experiência mais clara, moderna e orientada à conversão, sem perder a consistência com a identidade da marca.

O diagnóstico:

Antes de redesenhar a interface, analisamos o comportamento real dos usuários no site antigo.

A partir de mais de 100 sessões gravadas, identificamos que muitos visitantes não consumiam os textos longos, tinham dificuldade para navegar pelo menu e abandonavam a experiência antes de chegar aos principais pontos de conversão.

A análise mostrou que o problema principal não era apenas visual. O conteúdo existia, mas estava mal distribuído. A página tentava comunicar muitos argumentos ao mesmo tempo e exigia esforço demais do usuário para entender o produto.

Também percebemos que a Home precisava atender dois perfis diferentes:

Usuários prontos para agir, que já entendiam a necessidade de um CRM e buscavam um caminho rápido para teste ou contato.

Decisores em avaliação, que precisavam entender melhor o produto, ganhar confiança e justificar a decisão internamente.

Essa leitura orientou a nova estrutura da página.

Website antigo do CRM PipeRun

O processo:

A nova arquitetura de informação foi organizada com base no modelo AIDA, criando uma narrativa mais objetiva:

atenção, interesse, desejo e ação.

A ideia era apresentar primeiro a promessa principal do produto, depois desenvolver os benefícios, mostrar provas de confiança e facilitar o caminho para conversão, além de preservar elementos importantes para SEO, indexação e performance orgânica.

Com essa estrutura definida, criei wireframes de baixa fidelidade para validar a hierarquia dos blocos, a ordem das informações e a posição dos CTAs antes da etapa visual.

Uma das principais decisões foi levar o formulário de conversão para o topo da página. Assim, usuários com maior intenção poderiam sinalizar interesse imediatamente, sem precisar rolar até o final da Home.

A nova arquitetura de informação foi organizada com base no modelo AIDA, criando uma narrativa mais objetiva:

atenção, interesse, desejo e ação.

A ideia era apresentar primeiro a promessa principal do produto, depois desenvolver os benefícios, mostrar provas de confiança e facilitar o caminho para conversão, além de preservar elementos importantes para SEO, indexação e performance orgânica.

Com essa estrutura definida, criei wireframes de baixa fidelidade para validar a hierarquia dos blocos, a ordem das informações e a posição dos CTAs antes da etapa visual.

Uma das principais decisões foi levar o formulário de conversão para o topo da página. Assim, usuários com maior intenção poderiam sinalizar interesse imediatamente, sem precisar rolar até o final da Home.

Wireframes e protótipos do redesign

A solução:

A interface final manteve a base da identidade visual da PipeRun, respeitando as diretrizes visuais da marca, mas trouxe um facelift completo para transmitir mais modernidade, clareza e autoridade.

O redesign incluiu:

hero section com proposta de valor mais direta;
formulário de conversão em posição de maior visibilidade;
menu e jornada mais simples;
blocos de benefícios mais objetivos;
melhor separação entre dores, funcionalidades e provas sociais;
uso de depoimentos e comparação para reforçar confiança;
estrutura visual mais consistente para futuras páginas e campanhas;

O resultado:

O projeto entregou uma Home mais clara, mais objetiva e mais alinhada ao posicionamento da PipeRun como parceira de crescimento para PMEs de serviço.

Nas semanas seguintes à publicação, os primeiros indicadores foram positivos: os índices de SEO melhoraram, o tráfego passou a crescer e os resultados começaram a aparecer também na geração de leads e vendas, que seguiram em evolução consistente.

Além da nova interface, o trabalho criou uma base mais sólida para iniciativas futuras de CRO, testes A/B, análise de mapas de calor e expansão do design system para outras landing pages e produtos da marca.

Os principais ganhos foram:

comunicação mais clara da proposta de valor;
aumento do tráfego orgânico via mecanismos de busca;
jornada mais objetiva até os pontos de conversão;
maior destaque para o formulário de conversão;
preservação e evolução da performance orgânica;
base visual reaproveitável para novas páginas, campanhas e testes de CRO.

GOSTOU DO QUE VIU?

Vamos conversar!

Sinta-se à vontade para me mandar uma mensagem, seja para falar sobre os cases, trocar experiências ou apenas tomar um café virtual.

Voltar para Projetos ➔

Próximo projeto ➔

Miguel Liberato

Redesign Website CRM PipeRun

Redesign Website CRM PipeRun

O problema:

O problema:

A PipeRun vinha crescendo como solução de CRM para vendas recorrentes, mas o site institucional já não acompanhava a maturidade do produto.

A Home antiga tinha excesso de texto, visual defasado e inconsistências no discurso comercial. Isso dificultava a compreensão rápida do valor da plataforma e tornava a jornada menos eficiente para usuários em diferentes momentos de decisão.

Os dados reforçavam o problema: em 12 meses, a Home acumulou mais de 116 mil visualizações, mas retinha apenas 52% dos usuários. Além disso, a página de contato apresentava uma taxa de rejeição de 63%.

O desafio era transformar o site em uma experiência mais clara, moderna e orientada à conversão, sem perder a consistência com a identidade da marca.

A PipeRun vinha crescendo como solução de CRM para vendas recorrentes, mas o site institucional já não acompanhava a maturidade do produto.

A Home antiga tinha excesso de texto, visual defasado e inconsistências no discurso comercial. Isso dificultava a compreensão rápida do valor da plataforma e tornava a jornada menos eficiente para usuários em diferentes momentos de decisão.

Os dados reforçavam o problema: em 12 meses, a Home acumulou mais de 116 mil visualizações, mas retinha apenas 52% dos usuários. Além disso, a página de contato apresentava uma taxa de rejeição de 63%.

O desafio era transformar o site em uma experiência mais clara, moderna e orientada à conversão, sem perder a consistência com a identidade da marca.

O diagnóstico:

O diagnóstico:

O processo:

O processo:

A nova arquitetura de informação foi organizada com base no modelo AIDA, criando uma narrativa mais objetiva:

atenção, interesse, desejo e ação.

A ideia era apresentar primeiro a promessa principal do produto, depois desenvolver os benefícios, mostrar provas de confiança e facilitar o caminho para conversão, além de preservar elementos importantes para SEO, indexação e performance orgânica.

Com essa estrutura definida, criei wireframes de baixa fidelidade para validar a hierarquia dos blocos, a ordem das informações e a posição dos CTAs antes da etapa visual.

Uma das principais decisões foi levar o formulário de conversão para o topo da página. Assim, usuários com maior intenção poderiam sinalizar interesse imediatamente, sem precisar rolar até o final da Home.

A nova arquitetura de informação foi organizada com base no modelo AIDA, criando uma narrativa mais objetiva:

atenção, interesse, desejo e ação.

A ideia era apresentar primeiro a promessa principal do produto, depois desenvolver os benefícios, mostrar provas de confiança e facilitar o caminho para conversão, além de preservar elementos importantes para SEO, indexação e performance orgânica.

Com essa estrutura definida, criei wireframes de baixa fidelidade para validar a hierarquia dos blocos, a ordem das informações e a posição dos CTAs antes da etapa visual.

Uma das principais decisões foi levar o formulário de conversão para o topo da página. Assim, usuários com maior intenção poderiam sinalizar interesse imediatamente, sem precisar rolar até o final da Home.

A solução:

A solução:

A interface final manteve a base da identidade visual da PipeRun, respeitando as diretrizes visuais da marca, mas trouxe um facelift completo para transmitir mais modernidade, clareza e autoridade.

O redesign incluiu:

hero section com proposta de valor mais direta;

formulário de conversão em posição de maior visibilidade;

menu e jornada mais simples;

blocos de benefícios mais objetivos;

melhor separação entre dores, funcionalidades e provas sociais;

uso de depoimentos e comparação para reforçar confiança;

estrutura visual mais consistente para futuras páginas e campanhas;

O resultado:

O resultado:

O projeto entregou uma Home mais clara, mais objetiva e mais alinhada ao posicionamento da PipeRun como parceira de crescimento para PMEs de serviço.

Nas semanas seguintes à publicação, os primeiros indicadores foram positivos: os índices de SEO melhoraram, o tráfego passou a crescer e os resultados começaram a aparecer também na geração de leads e vendas, que seguiram em evolução consistente.

Além da nova interface, o trabalho criou uma base mais sólida para iniciativas futuras de CRO, testes A/B, análise de mapas de calor e expansão do design system para outras landing pages e produtos da marca.

Os principais ganhos foram:

comunicação mais clara da proposta de valor;

jornada mais objetiva até os pontos de conversão;

maior destaque para o formulário de conversão;

preservação e evolução da performance orgânica;

base visual reaproveitável para novas páginas, campanhas e testes de CRO.

Vamos conversar!

Vamos conversar!