sibeliusclaussen
UX/UI · CRO & Checkout · Mobile First · Design System · Testes de Usabilidade

Quaddro Checkout: +25% de conversão na página pública de agendamentos

Reestruturação mobile-first da vitrine de serviços e fluxo de reserva, reduzindo dúvidas no WhatsApp e aumentando agendamentos pagos.

Papel

Senior Product Designer

Duração

3 meses

Cliente

Quaddro

Ano

2024

Quaddro Checkout: +25% de conversão na página pública de agendamentos
Resumo Executivo · Leitura em 15s

Problema: Alto abandono no fluxo de reserva online; clientes finais não entendiam os pacotes de serviço nem os horários livres e desistiam para chamar no WhatsApp.

Atuação: Análise de funil no Mixpanel, co-autoria do PRD com PM, redesign mobile-first da vitrine/checkout e validação em 8 sessões de teste de usabilidade.

Resultado: +25% de conversão em agendamentos concluídos, +42% de compreensão da oferta e queda de 40% nos tickets de suporte.

Principal Indicador+25% conversãoAumento em agendamentos e vendas concluídas
+25%Aumento na conversão direta de agendamentos
+42%Clareza da oferta medida em testes com usuários
-40%Redução em chamados de suporte sobre agendamentos
08Testes de usabilidade moderados antes do deploy

Contexto & Problema

Para um profissional autônomo, o link na bio do Instagram é sua vitrine comercial. Porém, a página antiga parecia um formulário frio: descrições de serviços truncadas, preços confusos e uma grade de horários difícil de tocar no celular. O cliente final travava e ia perguntar no WhatsApp o que a tela deveria ter respondido.

O Desafio

Criar uma página padronizada e rápida de carregar em conexões móveis, mas que desse autonomia para cada profissional exibir sua identidade, pacotes, fotos e regras de atendimento.

Decisão & Trade-off de Produto

Profissionais pediam liberdade total de layout (fontes e cores livres), o que quebraria a acessibilidade e a conversão mobile. Mantivemos uma estrutura fixa de alta conversão com áreas controladas de personalização (banner, avatar, destaques e prova social).

Processo & Descoberta

Mapeamos o funil de queda no Mixpanel, escrevemos o PRD junto ao PM e CPO, e testamos protótipos de alta fidelidade com 8 usuários reais antes de escrever uma linha de código.

01 · Diagnóstico no Mixpanel

Localizando a perda de conversão

Os dados mostravam que a maior desistência acontecia na transição entre ler os detalhes do serviço e tentar encontrar um horário disponível na agenda semanal.

02 · PRD & Arquitetura Mobile-First

Respondendo às 3 perguntas do cliente

Reorganizamos a hierarquia para responder imediatamente: 1) Quem é o profissional; 2) O que está incluso no serviço e quanto custa; 3) Qual horário está livre hoje.

03 · Testes com 8 Usuários

Refinando o fluxo de escolha

Sessões práticas de usabilidade revelaram atritos na leitura de pacotes recorrentes vs. sessões avulsas, corrigidos ainda no protótipo.

04 · Handoff & Design Tokens

Especificação para time de 14 engenheiros

Documentação detalhada de estados de carregamento, erro, responsividade e tokens visuais para garantir fidelidade na implementação.

Arquitetura de Telas & Interfaces

Vitrine em produção: apresentação clara de serviços, duração, valores e avaliações.
Vitrine em produção: apresentação clara de serviços, duração, valores e avaliações.
Seleção de horários: visualização direta de disponibilidade com reserva em poucos toques.
Seleção de horários: visualização direta de disponibilidade com reserva em poucos toques.
Painel do profissional: configuração simples da página pública sem depender de código.
Painel do profissional: configuração simples da página pública sem depender de código.

Impacto & Resultados

  • —+25% de aumento comprovado na conversão de agendamentos e pagamentos
  • —+42% de melhoria na compreensão das informações da página pelos usuários
  • —Queda de 40% em chamados de suporte relacionados a dúvidas de agenda
  • —Componentes reaproveitados em novas frentes do Design System da empresa

Aprendizado

“Conversão alta não depende de gatilhos artificiais de urgência. Depende de tirar a dúvida do caminho no exato segundo em que a pessoa decide contratar.”

“O redesign trouxe resultados mensuráveis para o negócio e facilidade genuína para os profissionais autônomos. A entrega foi impecável do discovery ao handoff.”

Jéssica Cabrera — PM na Quaddro