9 min de leitura

Projetando um fluxo de personalização para reduzir o atrito no WhatsApp

A Abraços In Box faz caixas, cestas e kits de presente artesanais, e toda venda começava com uma longa conversa no WhatsApp sobre o que podia ser personalizado. Projetei um fluxo de personalização passo a passo, com uma prévia opcional, para que o cliente decida o que quer antes de escrever. Cerca de 80% dos clientes que compram já o usam, e a conversa que vem depois começa com um pedido completo, não com uma mensagem vazia.

Em 30 segundos

Problema
Os clientes precisavam perguntar no WhatsApp o que dava para personalizar, como ficaria e quanto custava, e o negócio respondia as mesmas perguntas à mão.
O que fiz
Desenhei um fluxo de personalização passo a passo, com prévia opcional, que termina em uma mensagem de WhatsApp que já leva o pedido inteiro.
Resultado
O site está no ar, mas ainda não tenho resultados medidos. O próximo passo é instrumentar o fluxo, tirar uma base de comparação e cronometrar as conversas.

Visão geral

A Abraços In Box é um pequeno negócio de São Paulo que faz caixas, cestas e kits de presente à mão, sob encomenda. Minha mãe começou em 2020, e meus pais ainda cuidam da produção e do atendimento. As vendas vinham pelo Instagram e pelo WhatsApp. O site permite navegar, personalizar, ver uma prévia se quiser e concluir no WhatsApp, onde o negócio confirma os detalhes. Fui responsável pela experiência digital: como as opções são apresentadas, o que o site pergunta e quando, e o que chega ao WhatsApp.

Problema

Para comprar um presente personalizado, primeiro era preciso perguntar

Antes do fluxo, o site mostrava os produtos, mas não o que dava para mudar. Os clientes escreviam no WhatsApp para perguntar o que era personalizável, como ficaria, quanto custava e se chegaria na data. Toda conversa começava do zero: o cliente esperava para decidir, e o negócio digitava as mesmas explicações.

As opções eram invisíveis: o cliente não sabia o que dava para personalizar.
O resultado era difícil de imaginar: cada presente é montado à mão, e uma foto de catálogo não mostra a sua versão.
Toda resposta era digitada à mão: preços, disponibilidade e entrega, em cada conversa.

A pergunta de design: como ajudar o cliente a personalizar um presente com confiança antes de escrever no WhatsApp, e poupar o negócio das explicações repetidas?

Em minhas palavras, o que os clientes não paravam de nos dizer: “Não quero perguntar tudo no WhatsApp antes de decidir. Quero entender o que posso personalizar e chegar com algo já próximo do que eu quero.”

Desafio

O WhatsApp era o lugar certo para fechar a venda e o lugar errado para explorar

Mapeei as perguntas que voltavam. A maioria tinha respostas fixas, e só algumas precisavam de uma pessoa. As respostas fixas pertenciam à interface. A conversa, em que o cliente confiava, fica para o resto.

Respostas fixas pertencem à interface

O que dá para personalizar, o que está incluído, quanto custa, onde entregamos.

O julgamento fica com uma pessoa

Um pedido especial, um item trocado, uma entrega que precisa ser combinada.

Processo

O que o site responde e o que a conversa guarda

A linha que tracei cedo e o fluxo que sai dela.

As perguntas que não paravam de voltar

Separei as perguntas que voltavam no WhatsApp pelo tipo de resposta de cada uma. A maioria não mudava de um cliente para o outro. Essa divisão virou a linha de todo o desenho.

Análise das conversas

Dois tipos de pergunta

Separadas pela resposta que cada uma pedia.

NA INTERFACERespostas fixasO que dá para personalizar: as opções de cada produtoO que está incluído: os itens do kitQuanto custa: preço, pagamento, adicionais e freteOnde entregamos: o CEP e a área de entrega
COM UMA PESSOAJulgamentoUm pedido especial: o que as opções não cobremUm item trocado: uma mudança no kit, que vira orçamentoUma entrega que precisa ser combinada

O que dá para personalizar: os campos de cada etapa — Cada resposta fixa, onde a pergunta aparece
Cada resposta fixa ganhou um lugar no fluxo, onde o cliente teria perguntado: as opções como campos nas etapas de embalagem e balão, a lista do kit na página do produto, preço e adicionais na página, o frete com o CEP.

O que está incluído: a lista do kit — Cada resposta fixa, onde a pergunta aparece
Cada resposta fixa ganhou um lugar no fluxo, onde o cliente teria perguntado: as opções como campos nas etapas de embalagem e balão, a lista do kit na página do produto, preço e adicionais na página, o frete com o CEP.

Só as etapas que se aplicam

O fluxo é montado por produto. A ocasião é pulada nos presentes de maternidade, os quadrinhos têm uma única etapa de personalização, a etapa do balão exige um balão e a entrega é pulada quando o endereço já é conhecido. Trocar o kit é o único ponto em que o pedido vira orçamento.

Desenho do fluxo

Seis etapas, menos quando elas não se aplicam

Definidas para cada produto.

01OcasiãoPulada nos presentes de maternidade
02EmbalagemNome na caixa e cor da fitaQuadrinhos: uma etapa de personalização
03BalãoTexto, cor e formatoSó se o produto tem balão
04Itens do kitA lista inteiraUm pedido de alteração vira orçamento
05EntregaCEP, frete, data e períodoPulada se o endereço já está preenchido
06ResumoPagamento e contatoO pedido sai com tudo escolhido

Decisões-chave

Seis decisões por trás do fluxo

A produção é manual e sob encomenda, não havia orçamento de desenvolvimento e o WhatsApp já era o canal em que o cliente confiava.

Decisão 1

Personalizar primeiro, conversar depois

As escolhas vão para a página do produto, antes da conversa, e a primeira mensagem no WhatsApp já traz uma decisão. Não construí um checkout completo: em presentes artesanais a conversa ainda confirma detalhes, então o site a alimenta em vez de substituí-la.

Decisão 2

Uma pergunta por vez, só as que se aplicam

Até seis etapas (ocasião, embalagem, balão, itens do kit, entrega, resumo), montadas por produto, com contagem de progresso. Começa pela ocasião: é a pergunta mais fácil e diz ao negócio para que é o presente.

Decisão 3

Deixar espaço para exceções

Presentes artesanais variam, e um configurador rígido bloquearia pedidos reais. Na etapa do kit, o cliente pode pedir a troca de um item. O pedido vira orçamento, a tela avisa que o valor será confirmado no WhatsApp e a conversa absorve a exceção.

Decisão 4

Mostrar as restrições antes de o cliente se apegar

Embalagem sem estoque não aparece. O frete vem do CEP, e o fluxo não avança com um CEP inválido ou um endereço fora da área. Esses limites antes surgiam no chat, depois de o cliente já ter escolhido.

Decisão 5

Mostrar uma prévia antes de decidir e dizer o que ela é

O Monte e Visualize reaproveita os mesmos campos e gera uma imagem ilustrativa, identificada como tal, avisando que a montagem final pode variar. Limites por sessão e por dia e cache de combinações repetidas mantêm o custo previsível.

Decisão 6

Fazer a passagem para o WhatsApp levar tudo

O resumo abre o WhatsApp com a mensagem pronta: produto, escolhas, frete, data, endereço e total. Os mesmos dados são salvos como pedido, orçamento ou lead de prévia. O negócio começa de um pedido completo, não de um chat vazio.

Solução

Um fluxo curto, montado por produto, que termina em uma mensagem de pedido completa

Uma vitrine navegável, um fluxo passo a passo em cada produto, uma prévia opcional, uma passagem estruturada para o WhatsApp e uma saída para quando nada serve. O site não substitui a conversa: ele a começa mais adiante.

Solução 1

Uma vitrine para navegar por categoria

A home mostra as categorias em fotos redondas e grandes, e uma barra com todas elas fica no topo do catálogo. Cada uma abre a sua vitrine, e uma segunda aba troca as cestas pelos quadrinhos. Quem ainda está decidindo olha; quem já sabe vai direto.

Solução 2

Personalização passo a passo

“Personalizando” abre um fluxo com barra de progresso e uma decisão por tela, sem as etapas que não se aplicam. Foi desenhado primeiro para a largura do celular, porque o público principal compra pelo telefone.

Solução 3

Prévia antes de encomendar

Uma aba separada em que o cliente escolhe um modelo, personaliza e gera uma imagem ilustrativa. A prévia tem página compartilhável e dois próximos passos: encomendar ou perguntar no WhatsApp. Os pedidos que começam ali levam o link, e o negócio vê o que o cliente viu.

Solução 4

Preço e entrega dentro do fluxo

Frete, data de entrega e total aparecem no fluxo, em vez de serem negociados depois. Se o cliente pede a troca de itens, o pedido vira orçamento e diz isso.

Solução 5

Uma mensagem de WhatsApp que já é um pedido

O resumo abre o WhatsApp com a mensagem preenchida. As mesmas informações são salvas no painel interno, etiquetadas como pedido, orçamento ou lead de prévia, e o negócio vê de relance como cada um começou.

Solução 6

Uma saída para quando nada serve

Depois de oito produtos, um botão flutuante pergunta “Não achou o que queria?”, e uma busca sem resultado mostra um cartão dizendo que a equipe faz como o cliente deseja. Os dois abrem um briefing de oito perguntas curtas, uma por tela, da ocasião ao contato, com uma linha nas palavras do cliente. Termina numa confirmação que promete contato pelo WhatsApp, e o negócio é avisado com o pedido organizado e etiquetado.

Resultados

Ainda sem resultados medidos: como vou medir

Prefiro dizer isso a inventar números. Isto é o que espero que mude e como eu descobriria, começando por uma base de comparação.

Onde o fluxo perde pessoas
Um evento em cada etapa mostra quantos clientes chegam ao resumo e onde saem.
Se a prévia e a saída ajudam
Contar prévias, quantas viram pedido, e briefings pelo botão flutuante versus uma busca sem resultado.
Quanto dura uma conversa
Cronometrar uma conversa no WhatsApp da primeira mensagem ao pedido confirmado. Uma amostra pequena, à mão, basta.
Quais perguntas ainda chegam
Anotar o que os clientes ainda perguntam, para ver se as respostas fixas foram para a interface.
Reflexão
As restrições de um pequeno negócio são um briefing de design, não um obstáculo. Sem equipe de pesquisa nem orçamento de desenvolvimento, trabalhei com o que o negócio já sabia: as perguntas que os clientes repetiam e o jeito como meus pais respondiam. A decisão mais útil foi uma fronteira: o que pertence à interface e o que precisa de uma pessoa. A prévia é ilustrativa e ainda não há resultados medidos nem teste de usabilidade formal, e prefiro dizer isso a exagerar. Projetei e construí tudo por conta própria, trabalhando em código com um assistente de IA.

O que eu melhoraria a seguir

Definir a base primeiro. Anotar os números de hoje (duração das conversas, perguntas repetidas, pedidos iniciados no WhatsApp) antes de mudar qualquer outra coisa.
Testar com clientes novos no celular. Algumas sessões curtas sobre a ordem das etapas, os textos e a expectativa criada pela prévia.
Reduzir o trabalho manual que sobra. As trocas de itens ainda viram orçamentos à mão; eu olharia para um pequeno conjunto de trocas com preço.

Outros cases

Todos os cases