Celular exibindo a vitrine de pós-graduação em Medicina da Mandic, com especialidades em destaque

Vitrine Mandic: Da Lista de Cursos à Jornada Guiada

De um WordPress que perdia candidatos no meio do caminho a uma jornada guiada, pensada para sobreviver à sazonalidade das turmas

  • Product Design
  • Faculdade Mandic
  • Educação
  • 2026
  • Product Designer

01Desafio

A história por trás do desafio

O site de vendas de cursos de graduação e pós-graduação em Medicina e Odontologia da Mandic vinha de um WordPress obsoleto, com uma estrutura de navegação que perdia conversão no meio do funil: candidatos chegavam interessados e desistiam antes de concluir a matrícula, muitas vezes optando por estudar em outra faculdade.

Entender até que ponto a falta de informação, ou algum outro atributo de qualidade do site, empurrava esse público para a concorrência foi o ponto de partida de um trabalho de pesquisa a fundo, não só de redesenho de tela.

Fui responsável pelo projeto de ponta a ponta: pesquisa, arquitetura da informação, wireframes, protótipo de alta fidelidade, Design System e handoff para desenvolvimento, negociando prioridade e prazo direto com Marketing e Produto.

02Pesquisa

A pesquisa

Mapeei o fluxo de navegação atual e entrevistei alunos, ex-alunos e professores da Mandic para entender como esse público realmente se comportava e, principalmente, quais eram as dores mais recorrentes do site em vigor. O objetivo era entender de que forma a informação (ou a falta dela) pesava na decisão de estudar em outro lugar.

03Alinhamento

Prototipação e alinhamento com o negócio

Com essas dores mapeadas, parti para uma prototipação de baixa fidelidade, levada aos principais stakeholders da empresa, sobretudo o time de Marketing, para alinhar a atmosfera de modernidade e inovação que a Mandic queria comunicar para fora.

O projeto nasceu com o nome de Vitrine porque não concentrava só os cursos: a proposta acompanhava a reformulação da identidade visual de todos os produtos internos da Mandic, em andamento na mesma época. Essa mudança de identidade fez com que a própria jornada de aquisição de um novo curso fosse repensada, em busca de uma experiência melhor na hora de encontrar o curso certo para cada perfil.

04Processo

O processo que segui

Em vez de uma página só com tudo, desenhei um funil de 4 passos: Especialidade, Formato, Unidade e Turma, com barra de progresso e botão de voltar sempre visíveis. Cada passo pede uma única decisão, na ordem que faz sentido pra quem está escolhendo uma pós-graduação: primeiro o que estudar, depois como (híbrido ou online), depois onde, só então qual turma.

Um detalhe pensado pra reduzir fricção: ao chegar na etapa de unidade, o sistema já sugere a mais próxima do candidato, com as demais disponíveis logo abaixo: ninguém precisa procurar numa lista longa a opção mais óbvia pra ele.

Quatro etapas do funil de escolha de curso: vitrine de cursos, especialidade, unidade e turma
Uma decisão de cada vez: especialidade, unidade e turma em uma jornada guiada

Depois de escolher a turma, o candidato chega numa página com o que normalmente fica escondido atrás de um "fale com um consultor": coordenadores com foto e formação acadêmica, conteúdo programático dividido em módulos, e um cartão de investimento com valores reais (matrícula, parcelamento à vista e parcelado) logo abaixo dos dados da turma (duração, horário, dias da semana, data máxima de ingresso).

Perfil da coordenadora da pós-graduação em Dermatologia, Dra. Giselle Sanches, com foto e formação acadêmica
Coordenadores com foto e formação acadêmica: confiança antes de falar com um consultor
Página do curso de pós-graduação em Psiquiatria, com coordenadores, duração e botão de inscrição
Mesma estrutura pra qualquer especialidade: duração, modalidade, certificado e coordenadores

Nem todo mundo decide na hora. Pra quem quer pensar mais ou prefere ser contatado, desenhei uma rede de segurança: um bottom sheet de "Garanta a sua vaga" (nome, e-mail, telefone, nível de formação) que aciona um consultor, e um formulário separado pra baixar o guia completo do curso. Os dois têm confirmação imediata na tela ("Tudo certo! Recebemos seus dados") pra quem preenche saber que funcionou sem precisar esperar um e-mail.

Formulário "Garanta a sua vaga" e tela de confirmação de envio dos dados
Rede de segurança pra quem não converte na primeira visita

05SEO

Arquitetura pensada para sazonalidade

Como boa parte dos cursos é sazonal (abre turma, fecha matrícula, vira histórico), o maior desafio técnico por trás da vitrine era de SEO: grande parte do tráfego chegava por páginas já indexadas de turmas que não existiam mais.

Desenhei a arquitetura de indexação em torno de páginas estáticas: páginas que permanecem vivas independentemente da validade de uma turma específica, pra que quem visitasse o site sempre encontrasse conteúdo relevante sobre a realidade do curso naquele momento, sem depender de qual turma gerou aquele ranqueamento no passado.

06Mobile

Mobile como prioridade

Mais de 80% dos acessos vinham do celular, com o restante dividido entre tablet, notebook e desktop. Isso definiu a prioridade do projeto: a experiência precisava ser fluida e intuitiva primeiro no mobile, não como adaptação de uma versão desktop.

07Entrega

O que a vitrine entrega

  • Escolha guiada em 4 passos, em vez de uma página só com tudo misturado
  • Unidade mais próxima sugerida automaticamente, com as demais como alternativa
  • Preço, parcelamento e datas visíveis antes de qualquer formulário
  • Perfil de coordenadores com formação acadêmica, pra dar confiança na decisão
  • Formulário de contato e guia do curso como rede de segurança pra quem não decide na hora
  • Páginas estáticas por curso, que sobrevivem à troca de turma sem perder indexação

08Validação e lançamento

Validação em produção, por camadas

Sem verba pra um teste de usabilidade formal com a base inteira, validei o fluxo direto em produção: o lançamento foi piloto, por camadas de usuário (15%, depois 20%, depois 30% do tráfego), de acordo com decisões alinhadas entre Produto e Marketing, até o novo site assumir 100% do tráfego.

Cada camada liberada dava espaço pra observar comportamento real antes de avançar pra próxima, o que funcionou como uma validação contínua, mesmo sem substituir um teste de usabilidade moderado com usuários reais antes do lançamento (ver Aprendizados).

09Resultados

O resultado, dois meses depois

+46,7%

Taxa de conversão

De 1,5% para 2,2%, dois meses após o lançamento

-40%

Tempo até completar a matrícula

De 2,5 min para 1,5 min

+10%

Conversas automáticas (autoatendimento)

O WhatsApp com um consultor de vendas segue sendo o maior conversor

A meta era aumentar ao máximo a conversão autônoma, mas os consultores de vendas resistiram: menos leads passavam direto por eles. O maior canal de conversão segue sendo o WhatsApp com atendimento humano, não o autoatendimento. Curso de pós-graduação é uma decisão de alto valor, e o candidato prefere confirmar com uma pessoa antes de efetivar.

Ainda assim, a vitrine virou um fator real na decisão de compra. Antes, os leads chegavam ao WhatsApp cheios de dúvida sobre grade curricular, unidade e formato. Depois do redesenho, essas dúvidas praticamente sumiram: quem chega já entende o curso, e a conversa se concentra no financeiro.

Também identifiquei um padrão de duas visitas: na primeira, o candidato explora e estuda as opções; na segunda, já decidido, depois de comparar preço, local e viabilidade com outras faculdades, ele volta e avança até o fim. Isso ajuda a explicar a queda no tempo de matrícula.

O time de Marketing ficou satisfeito: a identidade visual estava à altura do que buscavam, com os números de conversão em ascensão. Com a concorrência crescendo, reforcei a importância de continuar testando e acompanhando o comportamento dos usuários, mesmo depois do lançamento.

10Aprendizados

O que aprendi

  • Testar mais cenários de jornada com mais usuários antes do lançamento, pra validar se o fluxo desenhado era de fato o fluxo real, com mais engajamento e menos fricção
  • Investigar o que fazer com quem abandonava o site sem completar a matrícula nem entrar em contato: o timebox do projeto não deixou espaço pra desenhar essa rede de segurança
  • Negociar prazos maiores desde o início, pra viabilizar testes com um público bem maior, inclusive em ambiente de uso real, filmado, além das entrevistas