Télos

Redesenhando a experiência de aprendizagem e levando 19% dos alunos à conclusão

Uma evolução de produto, experiência e comunicação para ampliar a aquisição, melhorar a experiência e retenção dos alunos da Télos.

Papel
Lead Product Designer
Ano
2024
Cronograma
4 semanas

Overview

A Télos buscava ampliar a aquisição de alunos e melhorar a experiência de aprendizagem na plataforma. Como grande parte dos usuários chegava por redes sociais e QR Codes em eventos, a experiência mobile se tornou uma prioridade.

Fui a Product Designer responsável pelo projeto de ponta a ponta: conduzi pesquisas e testes de usabilidade, estruturei jornadas, evoluí o Design System e desenhei a landing page e os fluxos de aprendizagem. Também cuidei da evolução da comunicação visual e verbal da marca para alcançar novos públicos através das redes sociais e landing pages.

Três telas do app da Télos: configuração do ambiente de desenvolvimento em uma trilha de aulas, página de uma trilha gratuita de lógica de programação e lista de eventos e mentorias do nível.

Entendendo a jornada

Como o prazo para pesquisar, melhorar e implementar as mudanças era curto, precisei direcionar bem o processo.

Em vez de investigar a experiência de maneira ampla, concentrei a pesquisa nos momentos mais importantes da jornada: como o usuário chegava à plataforma da Télos, como entrava na plataforma e como consumia uma trilha de aprendizagem.

Mobile como prioridade

A origem do tráfego foi um dos fatores que orientaram as decisões de design.

A comunicação da Télos acontecia principalmente por redes sociais e eventos presenciais, nos quais QR Codes direcionavam os usuários para a landing page que posteriormente levava ao cadastro na plataforma. Isso significava que o primeiro contato de muitos usuários com a marca e com o produto aconteceria majoritariamente pelo celular.

Por isso, tratei a experiência mobile como prioridade desde o início do processo, e não como uma adaptação da versão desktop, tanto na plataforma quanto na landing page.

Key insight 1

O mobile era o principal ponto de entrada

Key insight 2

Os usuários não tinham clareza sobre seu progresso

Key insight 3

Continuar a jornada exigia esforço desnecessário

Simplificando a experiência

A pesquisa e a análise da jornada ajudaram a identificar os principais pontos de fricção dentro da plataforma.

Defini como foco tornar as ações essenciais mais óbvias:

“Onde eu parei?” - A experiência precisava deixar claro quais conteúdos já haviam sido concluídos e qual era o próximo passo.

“Como continuo?” - O usuário deveria conseguir avançar pela trilha sem precisar descobrir sozinho qual ação realizar depois de uma aula.

“Onde está o material?” - Os materiais complementares precisavam estar disponíveis de maneira mais fácil de localizar e baixar.

A partir desses problemas, trabalhei na reorganização dos fluxos e na interface, buscando reduzir a quantidade de decisões que o aluno precisava tomar para simplesmente continuar aprendendo.

Validando a experiência no mobile

Com os novos fluxos definidos, criei protótipos para validar as principais mudanças antes da implementação.

Realizei testes de usabilidade com foco na experiência mobile, observando se os usuários conseguiam completar as principais tarefas da jornada sem orientação.

Durante esse processo, também desenhei o agendamento de mentorias em grupo. Até então, esse processo era feito manualmente pela equipe de operações. Com a chegada de mais de 1.300 usuários para uma campanha específica, manter esse modelo deixaria de ser viável. A nova funcionalidade automatizou o processo e permitiu que os próprios usuários agendassem suas mentorias pela plataforma.

Esse ciclo foi especialmente importante devido ao prazo reduzido: validar antes de implementar permitiu concentrar o esforço de desenvolvimento nas soluções que realmente atendiam às necessidades dos usuários, enquanto a nova feature de agendamento preparava a plataforma para escalar.

Tela antiga da trilha: o menu lateral lista as aulas por categoria, sem indicar quais já foram assistidas.

Problema 01 — Progresso pouco claro

Os usuários tinham dificuldade para identificar quais aulas já haviam assistido e onde haviam parado na trilha.

Nova tela da trilha: vídeo no topo e lista de conteúdos marcando as aulas concluídas e a aula atual.

Solução 01 — Tornando o progresso visível

Reestruturei a apresentação da trilha para deixar o status das aulas mais evidente e facilitar a identificação do próximo conteúdo.

Tela antiga da aula: depois do vídeo, só um link discreto de “Próxima aula” ao lado de “Marcar como concluída”.

Problema 02 — Próxima aula pouco evidente

Depois de concluir uma aula, os usuários não tinham uma indicação clara de como continuar a trilha. Não havia reprodução automática, e o botão de próxima aula era muito tímido.

Nova tela: ao fim da aula, um aviso com contagem regressiva leva à próxima aula, com a opção de ficar.

Solução 02 — Facilitando a continuidade

Criei um pop-up de reprodução automática com timeout de 10 segundos, no qual o usuário escolhe entre ir para a próxima aula ou ficar na atual. Além disso, reorganizei a hierarquia da tela, reduzindo a necessidade de procurar a próxima etapa manualmente.

Tela antiga da aula: os materiais complementares aparecem como links genéricos no fim da descrição.

Problema 03 — Dificuldade para acessar materiais

Os materiais complementares não estavam visíveis: o usuário precisava scrollar até o final da página, o que dificultava encontrá-los e baixá-los. O componente antigo também gerava confusão entre os usuários.

Nova tela da aula: a seção “Materiais” reúne links e arquivos com nome, tamanho e formato, seguida do botão “Próxima aula”.

Solução 03 — Acesso mais direto aos materiais

Reorganizei o acesso aos materiais, trazendo mais clareza para o usuário e eliminando a necessidade de scrollar a tela inteira para encontrá-los.

Telas antigas: as mentorias apareciam como eventos da trilha, sem opção de inscrição pela plataforma.

Problema 04 — Agendamento de mentorias era manual

A plataforma não tinha uma forma de os alunos se inscreverem nas mentorias em grupo.

O processo dependia da gerente de operações, que organizava os agendamentos manualmente no grupo com os alunos. Além de gerar trabalho operacional, isso criava uma etapa fora da experiência do produto.

Novas telas: lista de eventos do nível com o botão “Agendar mentoria” e página da mentoria com data, horário e acesso.

Solução 04 — Autonomia para agendar mentorias

Implementei uma experiência de agendamento de mentorias em grupo, inspirada na lógica de ferramentas como Calendly.

Os alunos passaram a visualizar as opções disponíveis e realizar o agendamento diretamente pela plataforma.

Impacto

A nova experiência sustentou toda a jornada do aluno: do cadastro na plataforma à primeira aula, e da primeira aula à conclusão da trilha com a prova final.

O agendamento automático de mentorias tirou da equipe de operações um trabalho manual e permitiu receber os novos alunos da campanha sem depender dele. O resultado foi uma jornada mais clara para o aluno e uma plataforma pronta para escalar.

69,5%

Fez cadastro na plataforma após conversão na LP

+42%

Assistiu pelo menos uma aula

19%

De quem viu uma aula, finalizou a trilha e entregou a prova final