Junho

SECAD

EMPRESA

+A Educação

PAPEL

UX/UI Designer

EXPERTISE

Research

ANO

2026

Como repensei a presença digital de uma marca de excelência em educação na saúde

Visão Geral

O SECAD é uma das principais referências em programas de atualização na área da saúde, parte do ecossistema Artmed. Apesar da força da marca, o site não estava convertendo visitantes em assinantes, a proposta de valor se perdia em meio a uma hierarquia visual confusa e uma jornada de navegação pouco intuitiva.

Liderei um processo completo de UX Discovery e redesign, transformando dados de pesquisa em uma experiência mais clara, confiável e orientada à conversão. O novo site entrou no ar em junho de 2026, junto com a migração do HubSpot CMS para o Wagtail (Django).

Meu papel: UX Designer responsável pela pesquisa, síntese de insights, arquitetura de informação, prototipagem e handoff para desenvolvimento.

Duração: 3 meses


O Desafio

Antes de desenhar qualquer tela, precisávamos entender por que o site não estava convertendo. A pesquisa revelou quatro problemas centrais:

Proposta de valor diluída: visitantes não entendiam rapidamente os diferenciais dos programas.

Hierarquia visual confusa: informações essenciais (preço, formato, certificação) ficavam perdidas na página.

Navegação fragmentada: encontrar o programa certo exigia esforço excessivo do usuário.

Pouca prova social: sinais de credibilidade (depoimentos, parcerias) apareciam tarde demais na jornada.


Objetivos

Para o usuário: entender rapidamente o que cada programa oferece, comparar opções com facilidade e sentir confiança na instituição antes de avançar.

Para o negócio: aumentar a taxa de conversão, reduzir a rejeição (bounce rate) e fortalecer o posicionamento institucional da marca.

Processo de Design

01. Discovery baseado em dados

Conduzi uma pesquisa estruturada combinando dados quantitativos e qualitativos: análise de 322 respostas, entrevistas com stakeholders, benchmarking competitivo e auditoria heurística baseada nas heurísticas de Nielsen.

Todos os achados foram organizados em um board visual, estruturado em Resumo Executivo, Insights, Problemas e Evidências, transformando dados brutos em direções claras de design.

🔗 Ver UX Discovery Board

02. Priorização

Os problemas identificados foram organizados em uma matriz de Impacto × Esforço, garantindo que as decisões de design entregassem o maior valor possível dentro do prazo do projeto.

03. Arquitetura e Wireframes

Reestruturei a arquitetura de informação com foco em três frentes: reorganização da primeira dobra para comunicar a proposta de valor imediatamente, criação de grids de programas com filtros por categoria, e antecipação dos elementos de prova social na jornada.

04. Design Visual

Com a base sólida do discovery, defini um sistema visual coeso construído sobre a cor principal do produto, equilibrando modernidade com a credibilidade institucional esperada de uma marca como Artmed.

05. Handoff

Para garantir fidelidade entre design e código, documentei toda a especificação diretamente no Figma — design tokens, props de componentes e notas de implementação — eliminando ambiguidades para o time de desenvolvimento.

🔗 Ver Design Final Completo

Comparação do Antes e Depois


Resultados

Os dados comparam janelas iguais de 36 dias antes e depois do lançamento, cruzando GA4, Google Search Console e gravações de sessão.

+65,4% sessões vindas de busca orgânica
8,6 → 4,6 posição média no Google no primeiro mês
+5,8% visualizações por dia nas páginas de negócio
12.992 visualizações no novo hub de programas (a página equivalente no site antigo tinha 6)

A nova arquitetura destravou o crescimento orgânico

No site antigo, 52 categorias ficavam no mesmo nível das páginas de produto, sem nenhuma relação declarada entre elas. A nova arquitetura organiza o catálogo em 7 áreas, e a própria URL passa a dizer a que área cada programa pertence (área → produto). Essa é a estrutura que motores de busca e assistentes de IA usam para ler um catálogo. O resultado aparece no orgânico: mais sessões e engajamento 7,4 pontos percentuais maior.

A migração também eliminou defeitos de URL que prejudicavam a indexação, como acentos no endereço, rascunhos antigos indexados publicamente e URLs com underscore.

Lançamento sem ruptura

O tráfego orgânico vinha em recuperação desde o início do ano e manteve essa trajetória após o go-live. A troca de plataforma aconteceu sem perda de audiência.

Mais engajamento nos canais de descoberta

A taxa de engajamento subiu 7,4pp para quem chega por busca orgânica e 15,8pp para quem chega por referência, com as sessões de referência passando de 1.365 para 3.486. As visualizações por sessão também cresceram 21%.

Um novo canal com marco zero: assistentes de IA

As sessões vindas de assistentes de IA passaram de 27 para 111, com a maior taxa de engajamento do site (89,2%). O canal agora é mensurável mês a mês e representa uma fonte de aquisição com menor dependência de mídia paga.

Jornada de conversão funcionando

O funil de eventos converte entre 26,7% e 31,3% da landing page até a confirmação, e os CTAs nomeados (“Assinar agora”, “Começar atualização”) são encontrados e clicados corretamente pelos usuários.

Entrega final

Os resultados foram consolidados em um relatório pós-migração para a liderança da +A Educação, traduzindo dados de comportamento em linguagem de impacto de negócio.

Create a free website with Framer, the website builder loved by startups, designers and agencies.