Marcelle
← Todos os cases
Product Design2024Sellbie

Redesign do core
de campanhas

Como unificamos três padrões de navegação incompatíveis e redesenhamos o fluxo de criação de envios — reduzindo o abandono no módulo principal da plataforma.

Product DesignUX ResearchMulticanalIA & AutomaçãoArquitetura de Info

Overview

01 · Diagnóstico

A inconsistência estava por toda parte

A Sellbie cresceu rápido demais. Cada squad adicionou sua própria lógica de navegação — e nenhuma conversava com as outras. A auditoria revelou três padrões incompatíveis coexistindo no mesmo produto, sem critério ou hierarquia clara.

Três padrões de navegação coexistindo — o problema de inconsistência
Padrão superior
Padrão lateral

02 · Pesquisa

Antes de redesenhar, precisávamos ouvir

Realizamos 12 entrevistas com usuários ativos em três perfis: gestores de marketing, operadores de campanha e administradores. Os clusters revelaram um padrão inesperado — o maior ponto de abandono não era a navegação, mas a criação de envios.

Clusterização das entrevistas — padrões que definiram o foco
Aprendizados da pesquisa — síntese que orientou o redesign

03 · Diagnóstico focado

A listagem de campanhas era o sintoma mais visível

A tabela fixa não escala para quem gerencia dezenas de campanhas ativas. Sem visualização alternativa, sem contexto rápido, sem hierarquia clara — o usuário perdia tempo procurando antes mesmo de criar. A mudança para cards com visualização alternável foi validada com seis usuários em dois dias de teste.

Listagem de campanhas antes — tabela fixa
Nova listagem em cards — visualização alternável

04 · A decisão de design

A decisão que mudou o fluxo

Toda a pesquisa apontava para o mesmo problema: o usuário perdia a referência da campanha ao criar um envio. Quatro páginas separadas, zero contexto. A solução foi trazer o envio para dentro da campanha — em um drawer contextual que mantém o produto visível ao fundo.

A decisão central do redesign — criar o envio no contexto da campanha.

05 · Estado anterior

O que estava errado no fluxo antigo

O fluxo antigo dispersava o usuário por quatro páginas independentes. Na etapa de seleção de base — a mais crítica — não havia nenhuma referência visual da campanha. Quem chegava ali não sabia mais exatamente o que estava disparando.

Fluxo antigo — página separada sem contexto da campanha
Etapa 2 do fluxo antigo
Etapa 3 — base densa sem resumo

06 · O redesign

O drawer condensa o que antes eram quatro páginas

Cada etapa do drawer de e-mail foi desenhada para manter o usuário orientado. O canal, o conteúdo, a base e a configuração — tudo em sequência linear, sem perder o contexto da campanha que está visível ao fundo.

Etapas do drawer — E-mail

07 · Revisão e aprovação

As duas etapas que fecham o ciclo

O resumo consolida tudo em uma tela antes do disparo — permitindo edição inline sem voltar às etapas anteriores. A aprovação, quando necessária, formaliza a revisão e transfere a responsabilidade para quem tem autorização.

Resumo consolidado — revisão completa com edição inline
Aprovação — formaliza a revisão antes do disparo

Resultado

O que mudou depois do redesign

−43%

Taxa de abandono na criação de envios

Mais campanhas criadas por sessão

4 → 1

Páginas no fluxo de criação