<< Todos os projetos

Zapper

Transformando o caos do WhatsApp em controle de nível corporativo.

Ano
2019–2022
Função
Sole Product Designer
Ferramentas
Adobe XDWebflowIllustratorAfter Effects
Status
Concluído

1 → 4

Clientes corporativos nos primeiros meses de operação

570K+

Mensagens processadas e monitoradas

3

Novos contratos B2B conquistados graças à credibilidade do design

Contexto

  • O problema

    Nenhuma visibilidade das vendas pelo WhatsApp

    Empresas que usam o WhatsApp como principal canal de vendas não tinham visibilidade do que os times diziam, nem de quando. Sem compliance, sem histórico de auditoria, sem como identificar um risco antes de ele virar um problema.

  • Os usuários

    Gestores de setores regulados

    Gestores de empresas de serviços financeiros, saúde e varejo. Pessoas que decidem e que precisavam confiar no produto antes de confiar nos dados que ele mostrava.

Plataforma Zapper: painel de eventos com mensagens de WhatsApp sinalizadas, com colunas de data, status, categoria de política, autor e prévia da mensagem
Painel de eventos. A tela com mais dados, pensada para gestores que buscam riscos com pouco tempo.

Meu papel

Eu era a única designer do projeto, trabalhando direto com o CEO e o CTO desde o primeiro dia. Meu escopo cobria tudo: identidade de marca, arquitetura da informação, UI da plataforma, relatórios de analytics e landing pages.

Sem time de design, sem handoffs entre designers. Cada decisão era minha para tomar e defender.

Construindo confiança antes de o produto existir
Clientes corporativos de setores regulados não compram software, compram confiança.

Marca

A marca precisava transmitir segurança e controle antes de alguém abrir um único dashboard. O sistema de cores juntou um verde próximo ao do WhatsApp (para transmitir familiaridade) com um roxo herdado da empresa-mãe (para transmitir credibilidade institucional).

  • #00AF84 Verde Familiaridade
  • #6818A2 Roxo Credibilidade institucional
  • #494949 Cinza escuro
Tipografia do Zapper: amostras da Circe Rounded Light e da Acumin Variable Concept
Tipografia: Circe Rounded e Acumin Variable Concept.

O logo

A construção do logo, Z + balão de fala, deixava o propósito do produto claro num relance.

Construção do logo do Zapper: a letra Z mais um balão de fala formam o símbolo do Zapper, sobre um degradê de roxo para verde

Controle sem complexidade

O modelo de configuração da plataforma nasceu do comportamento real dos clientes, não de suposições. Os gestores precisavam de controle detalhado, mas a sobrecarga operacional era um risco real.

A solução foi uma hierarquia em camadas. Cada camada acrescentava detalhe sem exigir que a pessoa entendesse a camada de baixo. A configuração ficou progressiva, não sufocante.

Gestão de contatos: lista de funcionários com selos coloridos de status de conexão
Lista de grupos
Lista de políticas
Configuração de regras
Modelos de mensagem

Contatos → Grupos → Políticas → Regras → Modelos. Clique numa camada para ver a tela.

Riscos visíveis num relance

O painel de eventos era a tela mais importante da plataforma, e a com mais dados. Os gestores precisavam passar por centenas de mensagens sinalizadas, avaliar a gravidade e agir rápido. O design tinha que tornar isso possível sem exigir leitura profunda. A solução foi uma tabela apoiada em três recursos:

  • 01

    Indicadores de status por cor

  • 02

    Etiquetas de política visíveis na linha

  • 03

    Prévias de mensagem que mostram a intenção sem precisar clicar

Cada coluna teve que justificar o seu lugar. Clicar numa mensagem sinalizada abria a conversa, dando ao gestor o contexto por trás da violação, e não só a mensagem isolada.

O dashboard antes do dashboard

Enquanto o analytics da plataforma ainda estava em desenvolvimento, os clientes corporativos precisavam de algo para levar a uma reunião de diretoria. Criei um relatório mensal em PDF que transformava dados brutos do WhatsApp em insights prontos para executivos: tempos de resposta, tendências de volume de mensagens, violações de política por categoria.

Era uma solução provisória, mas que funcionou.

Além da plataforma

A marca chegou à landing page institucional, feita no Webflow com SEO on-page que a levou aos primeiros resultados para as palavras-chave-alvo, e a peças de redes sociais para campanhas de aquisição.

Resultado

A plataforma processou mais de 570 mil mensagens nos primeiros meses de operação, atendendo clientes de setores altamente regulados. Três novos contratos corporativos vieram além do cliente inicial, consequência direta de um design que transmitia confiança antes de qualquer conversa de vendas.

O principal aprendizado
Em produtos B2B corporativos, design é reduzir o risco que o comprador percebe.

Reflexão

Confiança é matéria-prima de design. Em setores regulados, cada escolha de cor, cada rótulo, cada estado vazio está construindo ou corroendo a confiança. Aprendi a projetar para o cético da sala, não para o entusiasta.

Eu teria lutado para participar diretamente das conversas com os clientes, em vez de receber requisitos filtrados pelos fundadores. O contato direto com gestores de compliance teria afiado as minhas decisões.

Os próximos passos naturais: um dashboard em tempo real no lugar dos relatórios mensais em PDF, e uma versão mobile para gestores que precisam agir sobre eventos sinalizados fora do escritório.