Redesign do Website Institucional CRM PipeRun

Posicionando o CRM PipeRun como autoridade em aceleração de vendas recorrentes para PMEs de serviço.

Web Design

UI/UX Design

B2B Strategy

CRO

Hero Banner Website CRM PipeRun
Hero Banner Website CRM PipeRun

O desafio:

A PipeRun vinha crescendo, mas a geração de demanda estava estagnada. O site antigo possuía um volume de texto excessivo, visual ultrapassado e inconsistência no discurso, o que não transmitia o real valor do produto. Os dados mostravam o gargalo: a Home retinha apenas 52% dos usuários e a página de contato tinha uma taxa de rejeição crítica de 63%.

O objetivo:

Transformar a Home em uma ferramenta de conversão moderna. A missão era reduzir atritos, comunicar o valor para PMEs de serviço e refletir o posicionamento de "parceiro de crescimento", não apenas de software.

Ficha Técnica:

Cliente:

CRM Piperun

Setor:

Tecnologia/Saas

Atuação:

UX/UI Designer e Strategy

UX, Processo & Inteligência

A construção

Investigação & Estratégia: Antes de abrir o Figma, mergulhamos no comportamento real do usuário. Ao analisar mais de 100 sessões gravadas no site antigo, descobrimos o óbvio ignorado: os clientes não estavam lendo os textos e se perdiam no menu complexo.


A Decisão: Percebemos que precisávamos falar com dois públicos diferentes ao mesmo tempo: quem queria testar a ferramenta agora (Hunters) e quem precisava de segurança para decidir (Gestores).


A Solução: Desenhamos uma nova arquitetura de informação que guia o usuário sem atritos. A grande sacada foi trazer o formulário de conversão para o topo da página, permitindo que o lead interessado levantasse a mão imediatamente, sem precisar rolar até o fim.

Wireframes e Rascunhos
Wireframes e Rascunhos

1. A Nova Arquitetura (O Esqueleto)

Antes de desenhar qualquer tela, reestruturamos a organização do conteúdo. Utilizamos o modelo AIDA (Atenção, Interesse, Desejo, Ação) para criar uma narrativa lógica: primeiro prendemos a atenção com a promessa, depois geramos interesse com os benefícios e finalizamos com a ação (conversão).

2. Wireframes e Validação

Para garantir que essa estrutura funcionasse na prática, criamos wireframes de baixa fidelidade. O objetivo era validar a hierarquia das informações e o fluxo de navegação sem a distração das cores. Isso nos permitiu testar se a posição dos elementos e a ordem dos blocos faziam sentido para o usuário, evitando retrabalho na fase visual

High-Fidelity UI

O resultado

O design final materializa a estratégia. Mantivemos a identidade da marca e respeitamos o MIV, aplicando um facelift completo para transmitir modernidade e autoridade para a marca.

Hero Banner
Features e Dores
Depoimentos e Comparação
Full Page Website CRM PipeRun
Full Page Website CRM PipeRun

Conclusão

A entrega

A entrega do novo site marca o início de uma nova fase de inteligência comercial para a PipeRun. Com a infraestrutura visual e técnica pronta, os próximos passos envolvem a implementação de uma cultura de CRO (Conversion Rate Optimization).

O projeto prevê rodadas contínuas de Testes A/B e análise de mapas de calor para refinar a conversão, além da escala do novo Design System para outras landing pages e produtos da marca.

Gostou do que viu?

Gostou do que viu?

Agende uma conversa inicial e vamos construir juntos seu próximo projeto.

Agende uma conversa inicial e vamos construir juntos seu próximo projeto.