Vitrine Mandic: Da Lista de Cursos à Jornada Guiada

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.

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.

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.

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.

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).

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.

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.

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.

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. Esse processo se estendeu por um período longo, dando espaço pra ajustar cada camada liberada antes de avançar pra próxima.