Carlos

PipeDesk CRM

Um pipeline de vendas sempre atualizado, na mesa e na rua

Times de vendas B2B de médio porte tocavam o pipeline entre planilhas, um CRM legado e conversas no chat. Os vendedores atualizavam os negócios uma vez por semana, quase sempre na sexta à tarde, então a previsão já chegava desatualizada na segunda.

Desenhei o PipeDesk como um produto em duas superfícies: o app web para planejar e analisar, e o app mobile para os momentos entre uma reunião e outra, ambos sobre os mesmos componentes e o mesmo modelo de dados.

  • Pesquisa de UX
  • Design de interação
  • UI e design system
  • Prototipação

Wireframes

Antes de qualquer design visual, os dois fluxos principais foram estruturados em baixa fidelidade sobre o layout real: o quadro de pipeline na web e o caminho de um negócio até o próximo estágio no celular.

Quatro decisões sustentaram o quadro: (1) um seletor único para quadro, lista, calendário e cronograma sobre os mesmos negócios; (2) a quantidade e o valor total no cabeçalho de cada estágio; (3) cards que mostram estágio, prioridade, data de fechamento, valor e origem num relance; (4) adicionar um negócio exatamente onde ele pertence.

Wireframe do quadro de pipeline: seletor de visualização, cabeçalhos de estágio, cards de negócio e a ação de adicionar, numerados
Fluxo em wireframe no celular: um card tocado no quadro abre o negócio, onde o estágio muda com um toque

Pipeline

O quadro é onde o dia começa. Os negócios são arrastados entre estágios, e os mesmos negócios se abrem como lista, calendário de fechamentos ou cronograma, sem perder os filtros.

Cada card responde às perguntas que um gestor faz numa revisão de pipeline, então a revisão semanal leva minutos em vez de uma hora.

O quadro de pipeline: negócios em Prospecção, Qualificação, Proposta e Negociação, com valor e total por estágio
Um negócio em detalhe: próximos passos, atividade e propriedades como responsável, valor, probabilidade e fechamento
O quadro de pipeline no celular, um estágio por vez
Movendo um negócio para outro estágio a partir de uma folha inferior

Agora eu atualizo os negócios no estacionamento, entre uma reunião e outra. Antes, tudo ficava para sexta, e aí eu já tinha esquecido metade.

Executivo de contas, time piloto

Web e mobile

O mobile não é um app web menor. Ele mantém o que importa entre reuniões: as atividades do dia, os negócios que fecham na semana, mudar de estágio, registrar uma ligação e filtros que cabem no polegar.

Os dois apps compartilham uma única biblioteca de componentes e os mesmos tokens, então um negócio, um contato ou uma meta têm a mesma aparência e o mesmo comportamento em todo lugar.

Um perfil de contato na web e no celular, com a lista de contatos ao lado
Quatro telas de celular: início, atividades, agenda e metas do time
Criando um negócio no celular com empresa, valor, estágio e prioridade
Filtros do pipeline por estágio, responsável, fechamento e valor

Insights

Analytics, dashboards do time e metas transformam o pipeline numa previsão em que os gestores podem confiar, e as propostas são geradas a partir do próprio negócio, com produtos, preços e condições num único documento.

A visão geral de analytics e o dashboard de desempenho do time lado a lado
Uma proposta comercial gerada a partir do negócio, com escopo e investimento

Copiloto de vendas

O copiloto foi desenhado como um colega, não como uma janela de chat. Ele lê o pipeline, aponta negócios em risco e sugere o próximo passo, e cada sugestão mostra de onde veio, para que o vendedor decida com contexto.

Na tela de previsão, a mesma lógica explica o número: quais negócios sustentam o trimestre e quais dependem de um único contato.

Painel do copiloto sobre a tela inicial
Insights do pipeline: riscos e oportunidades
Previsão de vendas com análise do copiloto

Em campo

O vendedor atualiza o CRM entre uma reunião e outra, com uma mão e pouco tempo. No celular, mover um negócio é um único gesto e uma ligação vira um resumo com ações sugeridas, então o registro fica pronto antes da próxima visita.

Início no celular
Quadro do pipeline
Detalhe do negócio
Mover o negócio de estágio
Lista de atividades
Resumo da ligação gerado pela IA
Copiloto no celular
Metas no celular

Metas e gestão

Gestores precisavam responder a duas perguntas sem abrir uma planilha: vamos bater a meta, e quem precisa de ajuda. Metas, desempenho e ranking usam os mesmos componentes do resto do produto, então a leitura é imediata.

Metas do trimestre com ranking por vendedor
Dashboard de desempenho do time
Agendar reunião com horários sugeridos
Proposta comercial

O que aprendi

Velocidade é a funcionalidade. Num CRM, cada segundo economizado numa atualização é um dado que finalmente entra, e dados melhores são o que os gestores realmente estão comprando.

Desenhar web e mobile juntos, a partir do mesmo modelo, evitou que os dois se distanciassem e fez do celular parte do sistema, não um complemento.

Resultados

−38%

Tempo para atualizar um negócio

83%

Negócios com próximo passo agendado, antes 61%

3,2×

Atualizações de pipeline feitas no celular

84

Nota de usabilidade SUS

Próximo case

Gamma

Criar, monitorar e governar agentes de IA sem código.