The starting point
Ponto de Partida
EBRADI is a Brazilian online education platform specializing in postgraduate law programs. As the final step before enrollment, the checkout had become fragmented, inconsistent and prone to abandonment.
EBRADI é uma plataforma brasileira de educação online especializada em programas de pós-graduação em direito. Como etapa final antes da matrícula, o checkout havia se tornado fragmentado, inconsistente e propenso ao abandono.
V2 reimagined the entire journey—from research to delivery—to rebuild trust before students reached payment.
O V2 reimaginou toda a jornada — da pesquisa à entrega — para reconstruir a confiança antes de os alunos chegarem ao pagamento.
The working plan
Visão Geral do Processo
A structured discovery-to-validation loop — moving from data to decisions without skipping steps.
Um ciclo estruturado de descoberta até validação — movendo-se de dados para decisões sem pular etapas.
What we observed
O Que Observamos
Data and session analysis surfaced six recurring friction points — each one compounding the next.
A análise de dados e sessões revelou seis pontos recorrentes de atrito — cada um agravando o seguinte.
Excessive scrollingScroll excessivo
Students had to navigate through long pages before reaching the payment step, making the process feel longer than it actually was.
Os alunos precisavam navegar por páginas longas antes de chegar à etapa de pagamento, fazendo o processo parecer mais demorado do que realmente era.
Unclear languageLinguagem confusa
Technical and institutional terminology made key decisions harder, forcing users to interpret concepts instead of completing their purchase.
A terminologia técnica e institucional dificultava decisões importantes, forçando os usuários a interpretar conceitos em vez de concluir a compra.
Support dependencyDependência de suporte
Important questions weren't answered within the flow, leading many students to leave the checkout and contact support.
Perguntas importantes não eram respondidas dentro do fluxo, levando muitos alunos a abandonar o checkout e contatar o suporte.
Hidden informationInformação oculta
Critical information competed with secondary content, making it difficult to quickly identify what actually mattered.
Informações críticas competiam com conteúdo secundário, dificultando a identificação rápida do que realmente importava.
Decision fatigueFadiga de decisão
Too many elements were presented simultaneously, increasing cognitive effort during a simple enrollment process.
Muitos elementos eram apresentados simultaneamente, aumentando o esforço cognitivo durante um processo de matrícula simples.
High abandonment rateAlta taxa de abandono
Missing reassurance around payment, enrollment and next steps reduced confidence at the final stage of conversion.
A falta de segurança em relação ao pagamento, matrícula e próximos passos reduzia a confiança na etapa final de conversão.
The C3 Framework
O Framework C3
Rather than patching individual screens, the redesign was anchored by three principles that shaped every decision — from information architecture to microcopy.
Em vez de corrigir telas individualmente, o redesign foi ancorado em três princípios que moldaram cada decisão — da arquitetura de informação ao microcopy.
Make the path obviousTorne o caminho óbvio
Each step should communicate exactly where the student is, what's needed from them, and what comes next. No guessing, no surprises.
Cada etapa deve comunicar exatamente onde o aluno está, o que é necessário e o que vem a seguir. Sem adivinhações, sem surpresas.
Build trust at every momentCada decisão deve facilitar o próximo passo.
Security signals, transparent pricing, recognizable payment methods and clear policies placed exactly where doubt arises.
Sinais de segurança, preços transparentes, métodos de pagamento reconhecíveis e políticas claras posicionados exatamente onde a dúvida surge.
Design for the finish lineProjete para a linha de chegada
Reduce the perceived effort to zero. Surface only what's relevant at each step, defer everything else, and celebrate the moment of enrollment.
Reduza o esforço percebido a zero. Mostre apenas o que é relevante em cada etapa, adie todo o resto e celebre o momento da matrícula.
A 3-step checkout flow
Um fluxo de checkout em 3 etapas
The new checkout reduces a fragmented, open-ended process into three named, predictable steps — each with a single objective. The finish line is always visible.
O novo checkout reduz um processo fragmentado e aberto a três etapas nomeadas e previsíveis — cada uma com um único objetivo. A linha de chegada está sempre visível.
Progressive disclosure
Revelação Progressiva
Instead of showing every field upfront, the interface reveals information contextually — adapting to the student's choices in real time.
Em vez de mostrar todos os campos de uma vez, a interface revela informações contextualmente — adaptando-se às escolhas do aluno em tempo real.
Streamlined payment
Pagamento Simplificado
Essential information stays visible while security indicators, coupon entry and order details support a smoother payment experience without adding unnecessary friction.
As informações essenciais permanecem visíveis enquanto indicadores de segurança, inserção de cupom e detalhes do pedido apoiam uma experiência de pagamento mais fluida sem adicionar atrito desnecessário.
Upsell integration
Integração de Upsell
Complementary courses and certificate bundles are introduced at the confirmation step — after the commitment decision is made, never before it.
Cursos complementares e pacotes de certificado são introduzidos na etapa de confirmação — após a decisão de compromisso ser tomada, nunca antes.
Results & impact
Resultados & Impacto
Measured within 60 days of launch against the previous V1 baseline.
Medido nos primeiros 60 dias após o lançamento em relação à linha de base do V1 anterior.
Values shown are approximate and have been anonymized.
Os valores mostrados são aproximados e foram anonimizados.
Interface Foundations
Fundamentos da Interface
Important UI decisions that improved consistency, simplified implementation and supported future iterations.
Decisões de UI importantes que melhoraram a consistência, simplificaram a implementação e apoiaram iterações futuras.
Brand colors were reserved for primary actions while neutral tones reduce visual competition and improve scanability.
As cores da marca foram reservadas para ações primárias, enquanto os tons neutros reduzem a competição visual e melhoram a escaneabilidade.
Built on a 4-column mobile grid with consistent spacing, the layout keeps content aligned and predictable across every checkout step.
Construído em um grid mobile de 4 colunas com espaçamento consistente, o layout mantém o conteúdo alinhado e previsível em cada etapa do checkout.
Numeric data is right-aligned for comparison, while text is left-aligned for readability.
Dados numéricos são alinhados à direita para comparação, enquanto o texto é alinhado à esquerda para legibilidade.
Pricing uses tabular numerals to keep values vertically aligned, making installments and totals easier to compare at a glance.
O preço utiliza numerais tabulares para manter os valores alinhados verticalmente, tornando as parcelas e totais mais fáceis de comparar de relance.
Beyond Launch
Além do Lançamento
Checkout V2 established a measurable baseline for future iterations, with improvements prioritized through user behavior, product performance and ongoing usability insights.
O Checkout V2 estabeleceu uma linha de base mensurável para iterações futuras, com melhorias priorizadas pelo comportamento do usuário, desempenho do produto e insights contínuos de usabilidade.