UX / UI · Desenvolvimento Front-end

Cecília
Navarro

Redesenhando uma plataforma consolidada de educação jurídica para escalar — nova arquitetura de informação, 60% de melhoria no carregamento e uma base construída para crescer além de um único produto.

Prazo
2 meses
Meu Papel
UX/UI + Front-end
Segmento
Educação Jurídica
Relacionamento
Em andamento desde 2023
Cecília Navarro — redesigned platform preview
01

Visão Geral

A Professora Cecília Navarro é referência na preparação para a OAB, especializada em Direito Administrativo com mais de 10 anos de experiência. Este projeto representa uma evolução de uma parceria que começou em junho de 2023 — quando construímos juntos sua presença digital pela primeira vez.

Após quase dois anos monitorando o crescimento da plataforma e acumulando dados comportamentais, identificamos um ponto de inflexão crítico: o site havia superado sua estrutura original. Era hora de um redesign focado não em cosmética, mas em arquitetura de informação e escalabilidade da plataforma.

"O desafio não era construir algo novo — era inovar sobre algo estabelecido, sem quebrar o que já funcionava."

Resultado: Em 2 meses, transformamos uma landing page de produto único em um ecossistema educacional completo — aumentando a conversão de 8% para 12% e construindo a base para novas linhas de produto.

02

Contexto e Parceria

Ao contrário da maioria dos projetos que começam do zero, este engagement partiu de algo valioso: dois anos de dados reais de performance, padrões de usuário estabelecidos e profunda familiaridade com a marca e o público da professora.

Desde junho de 2023, monitorei os analytics da plataforma, realizei revisões periódicas e iteramos sobre o design original. Essa visão longitudinal me deu algo que a maioria dos designers não tem acesso: certeza sobre o que funcionava e por quê.

lightbulb
A Vantagem do Relacionamento de Longo Prazo

Após 2 anos trabalhando com a mesma plataforma, acumulei um reconhecimento de padrões que levaria meses para construir do zero: quais seções prendiam a atenção, onde os usuários saíam, quais CTAs convertiam e ao que o público da Cecília respondia emocionalmente. Isso informou cada decisão de design.

03

Os Desafios

Dois anos de monitoramento revelaram limitações estruturais que se tornaram bloqueadores de crescimento:

As Limitações
Uma plataforma no limite
Site direcionado a apenas um produto
Outros cursos escondidos no Linktree
Performance se degradando com o tempo
Sem espaço para novas linhas de produto
Analytics limitado sem custo adicional
A Solução
Um ecossistema escalável
Homepage catálogo distribuindo todos os produtos
4 linhas de produto com páginas dedicadas
Redução de 60% no tempo de carregamento
Arquitetura pronta para expansão futura
Analytics completo via Microsoft Clarity

Quer ver a estratégia completa, diagramas de arquitetura e detalhes do processo?

01
Limitação Arquitetural
Site direcionado exclusivamente à Fase 2, tornando todos os outros cursos invisíveis para os visitantes
02
Dependência de Terceiros
O uso do Linktree significava métricas limitadas e inconsistência de marca sem pagar a mais
03
Degradação de Performance
A dívida técnica acumulada estava tornando o carregamento mais lento e prejudicando a experiência do usuário
04
Escalabilidade Limitada
A estrutura existente não conseguia acomodar a expansão planejada para novas categorias de produto
05
Necessidade de Inovação
Após múltiplas iterações no mesmo layout, uma nova abordagem estrutural era necessária
06
Gestão de Risco
Qualquer redesign tinha que preservar os elementos de alta performance — evitando disrupção nas conversões existentes
04

Estratégia e Metodologia

Desenvolvi um framework especificamente para redesenhar um projeto estabelecido — onde errar significa danos reais e mensuráveis a um negócio em funcionamento:

Framework "Evolução Estratégica"
Abordagem em 4 Etapas
Etapa 1: Auditoria de Performance — Análise técnica completa de gargalos
Etapa 2: Revisão de Dados Históricos — 2+ anos de métricas comportamentais
Etapa 3: Inovação Estratégica — Soluções que respeitam o passado e habilitam o futuro
Etapa 4: Rollout Faseado — Preservando o que funciona, melhorando o restante
1
Análise de Dados Históricos
Dois anos de dados comportamentais forneceram um mapa claro: quais seções geravam conversões, onde os usuários saíam, qual conteúdo ressoava. As decisões passaram a ser baseadas em evidências, não em intuição.
2
Pesquisa Competitiva
Analisei as tendências do mercado de preparação para OAB, identificando o que o público esperava e onde os players estabelecidos falhavam em se diferenciar.
3
Auditoria Técnica
O profiling completo de performance identificou imagens não otimizadas, scripts bloqueadores de renderização e inchaço de CSS acumulado ao longo do ciclo de vida da plataforma.
4
Redesign Arquitetural
Propus uma nova estrutura de informação que acomoda todos os produtos existentes e escala para categorias futuras — sem exigir outro redesign completo em 2 anos.
05

Arquitetura de Informação

A mudança mais impactante foi estrutural. Em vez de direcionar todo o tráfego para um único produto, criei uma homepage catálogo que funciona como um centro de distribuição — roteando usuários para o produto certo com base no contexto e intenção.

2023–2024
Destino único
cecilianavarro.com.br → LP da Fase 2 apenas
Outros produtos escondidos no Linktree
Experiência fragmentada entre ferramentas
Sem analytics sobre descoberta de produtos
2024
Homepage catálogo
cecilianavarro.com.br → Hub unificado
Todos os produtos visíveis e acessíveis
Marca consistente em todas as páginas
Rastreamento do funil completo via Clarity
Nova Arquitetura do Site
cecilianavarro.com.br/
/1fase/ — Mentoria Fase 1
/2fase/ — Produtos Fase 2 (3 opções)
/guia-novo-advogado/ — Guia do Novo Advogado
/concursos/ — Concursos (em breve)
lightbulb
Benefício Estratégico

Ao consolidar todos os produtos em um único domínio, ganhamos controle total das métricas de comportamento do usuário via Microsoft Clarity — sem custo adicional, sem dependência de terceiros e com visibilidade completa de como os usuários navegam entre os produtos.

06

Portfólio de Produtos

A nova arquitetura nos permitiu apresentar adequadamente o ecossistema educacional completo da professora — e preparar infraestrutura para expansão futura:

Phase 1
Mentoria Fase 1
OAB — 1ª Fase
Metodologia completa de preparação
Acompanhamento individualizado
Material didático exclusivo
Phase 2
Produtos Fase 2
OAB — 2ª Fase
3 opções: Curso Completo, Mentoria e Combo
Direito Administrativo especializado
Correções e simulações personalizadas
Guia do Novo Advogado
Guia do Novo Advogado
Orientação de Carreira
Primeiros passos na advocacia
Networking e posicionamento
Gestão da carreira jurídica
Contests
Concursos
Em Breve
Espaço já previsto na arquitetura
Aguardando pesquisa de público
Expansão natural da marca
07

Wireframes

Antes de qualquer trabalho visual, construí wireframes detalhados para cada nova página — validando a arquitetura de informação e os fluxos de conversão antes de comprometer com o design.

08

Design Visual

Com a arquitetura validada, desenvolvi protótipos de alta fidelidade aplicando uma identidade visual modernizada. O objetivo: evoluir sem apagar — honrando dois anos de brand equity enquanto trazia nova sofisticação.

palette
Direção de Design

Para uma marca estabelecida em educação jurídica, a linguagem visual precisava comunicar expertise por meio da contenção: tipografia refinada, uso medido da cor e espaço em branco generoso. A elegância tinha que parecer conquistada, não projetada.

09

Desenvolvimento

Como sempre, assumi total responsabilidade pela implementação front-end. A redução de 60% no tempo de carregamento veio de otimização técnica sistemática em cada camada:

Otimização de Imagens
Todas as imagens convertidas para WebP com srcset adequado para servir responsivamente. Lazy loading implementado em todo o conteúdo abaixo da dobra.
Arquitetura de Código
CSS refatorado para remover 40% de código desnecessário. JavaScript diferido e modularizado. Compressão GZIP e cache do navegador configurados via .htaccess.
Infraestrutura de SEO
Estrutura de URL limpa sem extensões .html. Sitemap XML atualizado. Marcação Schema.org para conteúdo educacional. Todas as meta tags e Open Graph atualizados para cada página.
Configuração de Analytics
Microsoft Clarity integrado em todo o site com eventos de conversão mapeados em todas as páginas de produto. Visibilidade completa do funil com mapas de calor e gravações de sessão.
10

Resultados

Medidos nos 90 dias seguintes ao relançamento, comparados ao período equivalente pré-redesign:

8→12%
Taxa de Conversão
Melhoria relativa de 50%
+25%
Novos acessos
Melhor SEO e descobrimento
+13%
Tráfego Orgânico
Impacto da nova estrutura de URLs
−60%
Load Time
Otimização técnica
11

Aprendizados

!
Respeite o que está funcionando
Dois anos de dados me disseram exatamente o que preservar. Redesigns que ignoram a performance histórica acabam otimizando para estética ao custo da conversão.
!
Arquitetura antes da estética
O trabalho mais impactante foi estrutural — repensar como os produtos eram organizados e acessados. O refresh visual foi significativo, mas a mudança de IA foi transformadora.
!
Construa para o futuro que você pode ver
Preparar a seção de Concursos antes de estar pronto custou quase nada no redesign. Construir essa mesma seção de forma retroativa em uma arquitetura existente teria custado semanas.

"Nem toda solução precisa ser revolucionária para ser transformadora. Às vezes, o movimento mais poderoso é saber exatamente o que mudar — e o que deixar como está."

Veja o resultado

Explorar a plataforma ao vivo