Montar SquadSolicitar Orçamento

Case de site e portal do aluno

Do primeiro clique ao certificado.

A X-Apps desenhou o site e o portal do aluno da AMED, escola de formação executiva para médicos.

Abertura do site da AMED: o título sobre formação para médicos que desejam ampliar liderança e visão estratégica, os botões Ver cursos e Fale com um consultor e, ao lado, o programa em destaque Gestão Avançada Médica com 400 horas.
Tela de entrada do portal do aluno em conceito: à esquerda, a foto de uma médica sobre o gradiente da marca; à direita, e-mail da matrícula, senha, a opção de receber um link de acesso por e-mail e a ativação do primeiro acesso.
Início do portal em conceito: a aula interrompida com o botão Retomar em 14:32, os três cursos com progresso, os próximos prazos, o próximo encontro ao vivo, as horas estudadas na semana e um certificado disponível.

Início

A aula de onde parou.

Com prazos e encontros ao vivo na mesma tela.

Numa sala de seminário, cinco médicos conversam ao redor de uma mesa redonda; uma médica fala com as mãos abertas e os colegas escutam.
Tela de entrada do portal do aluno em conceito: à esquerda, a foto de uma médica sobre o gradiente da marca; à direita, e-mail da matrícula, senha, a opção de receber um link de acesso por e-mail e a ativação do primeiro acesso.

Portal do aluno

Entrar com a matrícula.

Com senha ou por um link no e-mail.

Início do portal em conceito: a aula interrompida com o botão Retomar em 14:32, os três cursos com progresso, os próximos prazos, o próximo encontro ao vivo, as horas estudadas na semana e um certificado disponível.

Início

A aula de onde parou.

Com prazos e encontros ao vivo na mesma tela.

Numa sala de seminário, cinco médicos conversam ao redor de uma mesa redonda; uma médica fala com as mãos abertas e os colegas escutam.
Cliente
AMED Academic Medic
Produto
Site institucional e portal do aluno
Escopo
UX e UI do site e redesenho do portal

Uma escola de médicos, desenhada de ponta a ponta.

O desafio

Apresentar MBAs longos a médicos sem tempo e dar ao aluno um lugar só para estudar.

A atuação da X-Apps

A X-Apps organizou os cursos no site e redesenhou o portal, mantendo a marca.

A entrega

Um site que explica cada programa e um portal que retoma a aula no minuto exato.

Site institucional

Cada programa explicado antes da matrícula.

O que se aprende, com quem e em quanto tempo.

  1. 01

    Para quem é.

    O público e o programa em destaque.

  2. 02

    Os MBAs lado a lado.

    Docente, carga e formato no mesmo card.

  3. 03

    O curso por dentro.

    Módulos, aulas e o resumo ao lado.

A página inicial do site da AMED, de cima a baixo: a abertura com o programa em destaque, as instituições parceiras, os diferenciais, os três MBAs em cards, a metodologia, uma aula aberta, depoimentos e o formulário de orientação consultiva.
A página do MBA em Gestão Avançada Médica: a faixa com formato e carga horária, os quatro módulos com as aulas do primeiro aberto e o resumo do curso com instrutor, carga, formato, certificação e público.

Site institucional

Cada programa explicado antes da matrícula.

O que se aprende, com quem e em quanto tempo.

A página inicial do site da AMED, de cima a baixo: a abertura com o programa em destaque, as instituições parceiras, os diferenciais, os três MBAs em cards, a metodologia, uma aula aberta, depoimentos e o formulário de orientação consultiva.
  1. 01

    Para quem é.

    O público e o programa em destaque.

  2. 02

    Os MBAs lado a lado.

    Docente, carga e formato no mesmo card.

A página do MBA em Gestão Avançada Médica: a faixa com formato e carga horária, os quatro módulos com as aulas do primeiro aberto e o resumo do curso com instrutor, carga, formato, certificação e público.
  1. 03

    O curso por dentro.

    Módulos, aulas e o resumo ao lado.

Ao entardecer, uma médica de jaleco caminha pelo corredor de um hospital em direção à câmera.

Sala de aula

A aula no centro, o módulo ao lado.

No projeto original, os títulos quebravam e a aula atual aparecia cortada. Agora o vídeo ganha espaço e o módulo aparece inteiro.

  1. Retomar no minuto

    Com os capítulos na linha do tempo.

  2. Anotações por minuto

    Cada nota leva de volta ao trecho.

  3. Status de cada aula

    Concluída, assistindo ou a seguir.

Sala de aula em conceito: o vídeo de um professor com a linha do tempo dividida em capítulos, as anotações marcadas por minuto embaixo e, ao lado, as quatro aulas do módulo 07 com seus status, os módulos 08 e 09 e o acesso à monitoria.

Portal do aluno

Catálogo, certificados e conta, a um clique.

O resto da área logada, reorganizado.

  1. 01

    Catálogo.

    O que já é do aluno aparece marcado.

  2. 02

    Certificados.

    Prévia, PDF e código de verificação.

  3. 03

    Conta.

    Dados, avisos e segurança.

Catálogo em conceito: filtros por MBA, cursos e imersões e seis cards com foto, selo de matriculada ou concluída, carga horária e a próxima turma, mais um convite para falar com um consultor.
Certificados em conceito: a lista com um certificado emitido e três cursos com o progresso até a certificação, os três passos da emissão e a prévia do certificado com código de verificação.
Minha conta em conceito: o perfil com CRM, os dados pessoais em formulário, as preferências de avisos e o painel de segurança com senha, sessões e termos.

Portal do aluno

Catálogo, certificados e conta, a um clique.

O resto da área logada, reorganizado.

Catálogo em conceito: filtros por MBA, cursos e imersões e seis cards com foto, selo de matriculada ou concluída, carga horária e a próxima turma, mais um convite para falar com um consultor.
  1. 01

    Catálogo.

    O que já é do aluno aparece marcado.

Certificados em conceito: a lista com um certificado emitido e três cursos com o progresso até a certificação, os três passos da emissão e a prévia do certificado com código de verificação.
  1. 02

    Certificados.

    Prévia, PDF e código de verificação.

Minha conta em conceito: o perfil com CRM, os dados pessoais em formulário, as preferências de avisos e o painel de segurança com senha, sessões e termos.
  1. 03

    Conta.

    Dados, avisos e segurança.

Num estúdio de fundo azul-marinho, um professor médico de barba grisalha e blazer explica um tema olhando para alguém fora do quadro.

Resultado

Uma escola, uma experiência só.

Site e portal com a mesma linguagem, do primeiro clique ao certificado.

  • Portal82%Alunos ativos mensalmente no portal
  • Sala de aula74%Aulas retomadas pelo recurso de continuidade
  • Certificados91%Certificados emitidos sem suporte administrativo
Uma sala de aula em anfiteatro vazia ao anoitecer, com mesas de madeira, cadeiras azul-marinho e a cidade iluminada atrás das janelas.

X-Apps

Do site ao certificado, uma jornada só.

Mais cases

Conheça os outros produtosque a X-Apps constrói.

Ver o portfólio completo

Depoimentos

Quem constrói com a X-Apps.

Gestores, diretores e times de produto de outros clientes contam, nas próprias palavras, como é construir com a X-Apps.