Case · Redesign do site
Escola Superior
de Redes
Redesenho da plataforma de cursos da ESR/RNP — pesquisa, arquitetura de informação e um protótipo navegável que reduziu o tempo de pré-matrícula em 48%. Role para explorar a interface real.
01 · Introdução
Educação em TI
que cabe na rotina.
A ESR — braço educacional da RNP — enfrentava desafios de usabilidade, desempenho e estética na plataforma de cursos.
Como parte do squad de redesign, atuei junto a uma equipe multidisciplinar para atender às necessidades de alunos, gestores e profissionais de TI — modernizando a experiência sem perder a tradição técnica da marca.
02 · Desafio
O que travava
a experiência.
03 · Objetivos
Três frentes,
um norte claro.
Desempenho & acessibilidade
Otimizar o desempenho e a acessibilidade da ESR — performance percebida, contraste, navegação por teclado, leitores de tela.
Identidade & serviços
Alinhar o design e a identidade aos termos e serviços da ESR — uma marca técnica que finalmente se reconhece visualmente.
Fluxos críticos
Simplificar fluxos como matrícula, busca de cursos e gestão de turmas — menos cliques, menos dúvida, mais conversão.
04 · Processo
Design Thinking,
cinco etapas.
Processo centrado no ser humano e iterativo — empatia, solução criativa e prototipagem, com o objetivo de criar soluções que ressoem com as necessidades e preferências dos usuários.
- Pesquisa
- Entrevistas
- Benchmark
- Personas
- Jornada do usuário
- Mapa de empatia
- Análise heurística
- Análise de fluxo
- Brainstorming
- Wireframes
- Prototipação
- Navegabilidade
- Teste de usabilidade
- Mapa de calor
- Coleta de feedbacks
05 · Personas
Três perfis,
três rotinas.
“Buscar cursos ficou mais intuitivo e rápido.”
06 · Protótipo
Design clean
e tecnológico.
Mais respiro, hierarquia visual clara, fluxo de matrícula simplificado — e uma identidade que finalmente conversa com o profissional de TI.
Catálogo antigo: hierarquia confusa, filtros escondidos. No redesign: header navy com busca persistente, filtros por formação/carreira/modalidade e grid de cards consistente.
Página de curso antes: informações dispersas, CTA tímido, foco em conteúdo lateral. Depois: bloco de turmas comparáveis, preço destacado, CTA único "Quero uma proposta".
06.5 · Página completa
Home antes & depois.
Visão completa do scroll vertical da home — o antes, denso e fragmentado; o depois, com hierarquia clara, blocos respiráveis e CTA único por contexto.
Tempo médio do pré-matrícula caiu 48%.
07 · Teste
Validação com
usuários reais.
Conduzimos testes moderados com participantes representativos das três personas, focando na assimilação dos fluxos críticos. 76% dos usuários concluíram a busca e a pré-matrícula sem suporte. O feedback direto foi crucial para os refinamentos finais antes da entrega.
08 · Resultados
Os números
depois do redesign.
Conclusão da pré-matrícula sem ajuda
Tempo médio do fluxo (min)
09 · Conclusão
Mais do que um
redesign visual.
No conjunto, o redesign do site da ESR entregou compromissos estratégicos de transparência, modernidade e usabilidade. A simplificação dos fluxos de matrícula e a renovação da identidade visual estabelecem uma base sólida para futuras iterações, garantindo que a ESR não apenas atenda, mas antecipe as expectativas em educação técnica.