01 / Academy
Imersões, hotseats, aulas gravadas e webinars num só lugar, separados por formato e com filtros. Cada card mostra duração, número de aulas e progresso — dá para continuar de onde parou sem abrir nada.
01
Redesign Brand Legacy Academy
Redesign da plataforma de aulas online da Brand Legacy e da jornada de quem estuda nela. Uma pesquisa com os alunos mostrou uma interface confusa, pouco amigável e aulas difíceis de encontrar.
Decisões-chave
4 Formatos de aula, separados e filtráveis
3 Módulos novos: Academy, Íris e Biblioteca
1 Próximo passo na home, no lugar do catálogo
Desktop Ponto de partida, onde a maioria estuda
02 / O Desafio
O problema
Na versão antiga, o aluno caía direto em um catálogo de conteúdo.
Cada acesso começava com perguntas que a plataforma deixava para ele responder sozinho:
01 — Orientação
- O que é mais importante?
- Por onde eu começo?
- Qual conteúdo eu assisto?
02 — Progresso
- O que eu já assisti?
- O que vem em seguida?
- Como continuo a jornada?
03 — Organização
- Qual a diferença entre os formatos?
- Onde acho uma aula específica?
- Onde estão os materiais?
A plataforma entregava conteúdo, mas não um caminho claro para percorrê-lo.
“Tem muito conteúdo na plataforma, mas não tem uma direção clara. Eu não quero procurar o que assistir — quero saber o que faz sentido para mim agora.” — Entrevista de pesquisa
Antes do redesign Brand Legacy Academy (2026)
03 / Descoberta
Pesquisa e insights
Antes de redesenhar qualquer tela, fui ouvir quem usa a plataforma. A pesquisa com os alunos respondeu três perguntas: por onde eles acessam, como procuram uma aula e em que ponto se perdem.
O que a pesquisa investigou
- Por qual dispositivo os alunos estudam
- Como procuram uma aula específica
- Onde se perdem na navegação
- O que acham da interface atual
“O computador é a sala de aula.”
A maior parte dos alunos acessa pelo computador. O redesign partiu do desktop — com espaço para progresso, filtros e busca sempre visíveis.
“O problema não é o conteúdo, é o caminho.”
A insatisfação vinha de não encontrar a aula certa e de uma interface que nunca deixava claro o que fazer em seguida.
04 / Abordagem
Processo de design
01 — Ouvir
Pesquisa com os alunos
Quem usa, por onde acessa e onde trava. Esses achados viraram o critério de todas as decisões seguintes.
02 — Reorganizar
Nova jornada e arquitetura
A entrada deixou de ser o catálogo e passou a ser o próximo passo do aluno. O conteúdo foi separado por formato — imersões, hotseats, aulas gravadas e webinars — e os materiais ganharam lugar próprio.
03 — Desenhar
Interface para o computador
Telas pensadas primeiro para o desktop: busca sempre à mão, progresso visível em cada aula e uma navegação lateral fixa, com as mesmas seções em toda a plataforma.
Variações em greybox
05 / A Solução
Interface final
02 / Íris
Uma assistente que responde com o conteúdo da própria Academy. O aluno descreve o problema do negócio e recebe as aulas certas, na ordem certa, o material de apoio e, se continuar travado, o caminho para o hotseat.
03 / Biblioteca de Materiais
Todo material das aulas reunido por módulo, com busca por nome, módulo ou aula, filtro por tipo de arquivo e download de tudo de uma vez.
06 / Depois
O que ficou
Aprendizados
- 01
Perguntar por onde os alunos acessam mudou a ordem do projeto. Com a maioria no computador, o desktop deixou de ser adaptação e virou o ponto de partida.
- 02
A queixa nunca foi falta de conteúdo, foi falta de caminho. Reorganizar a entrada — o que continuar, o que assistir a seguir — resolveu mais do que redesenhar cada tela isoladamente.
- 03
Nomear as seções pelo que o aluno procura, e não pela estrutura interna do curso, foi metade do trabalho de arquitetura.
02 — Landing Page The Substance
Estudo pessoal • Design e direção de arte
