Sebrae Play · Entrega 01
Página de coleções
Contexto
Qual era o problema e por que essa entrega foi priorizada.
O que eu fiz
Pesquisa, fluxo, decisões de interface e validação.
Resultado
O que mudou para o usuário e para o negócio.
Case 01 · Plataforma · Desktop
Sou responsável pelo design da plataforma Sebrae Play. O trabalho acontece em entregas independentes, cada uma com seu próprio problema, fluxo e validação. Escolha uma entrega para ver o processo.
Meu papel
Product Designer responsável pela plataforma
Plataforma
Web desktop
Entregas
3 publicadas aqui
Sebrae Play · Entrega 01
Contexto
Qual era o problema e por que essa entrega foi priorizada.
O que eu fiz
Pesquisa, fluxo, decisões de interface e validação.
Resultado
O que mudou para o usuário e para o negócio.
Sebrae Play · Entrega 02
Um menu mais enxuto, com hierarquia clara e espaço para crescer, para que o usuário encontre o que precisa sem se perder entre opções.
01 · Problema
Partimos de cliques e mapas de calor do Crazy Egg e de pesquisas anteriores, que já apontavam atritos na navegação.
02 · Objetivos
03 · Pesquisa e diagnóstico
→Análise heurística do menu atual: excesso de cliques, nomes pouco claros e baixa organização visual.
→Dados quantitativos do Crazy Egg: cliques, áreas de calor e caminhos de navegação.
→Benchmarking de menus em plataformas de conteúdo e streaming.
Mapas de calor
Pesquisa DOT
Pontos de melhoria
Excesso de itens · menu sobrecarregado
Hierarquia confusa · sem prioridade entre opções
Acessibilidade visual · ícones e textos pequenos, pouco contraste
Rótulos genéricos · nomes pouco intuitivos, como “Momentos” e “Habilidades”
Menu não persistente · some no scroll
Acesso rápido limitado · busca e atalhos pouco evidentes
Sugestões
Enxugar · agrupar menus semelhantes
Mega menu · subcategorias organizadas
Busca destacada · campo visível no header
Hierarquia visual · mais peso aos itens principais
Ícone + texto · reconhecimento mais rápido
Estados de login · logado e deslogado bem distintos
04 · Protótipo
O menu principal ficou com Cursos, Ao vivo, Explorar e Qual o seu desafio?, e o restante foi agrupado em mega menus: cursos por tema, habilidades, séries, coleções, tipos de conteúdo, momentos do empreendedor e setores.
Deslogado
Logado
05 · Próximas etapas
Design é um processo iterativo. Seguimos validando hipóteses com os usuários e monitorando cliques e mapas de calor no Crazy Egg, e cada ciclo gera novos insights para a evolução do Sebrae Play.
Sebrae Play · Entrega 03
Decisões de UX/UI para padronização, responsividade e uma experiência melhor na área onde o usuário acompanha seus cursos, eventos e certificados.
01 · Problema
Partimos de pesquisas já realizadas e de análise com IA para entender os desafios do Meu aprendizado.
02 · Objetivos
→Mais informação para o usuário.
→Busca e filtragem mais fáceis.
→Barra de progresso com cores que indiquem o andamento (25%, 50%, 100%).
→Seções separadas para eventos, palestras e conteúdos.
03 · Análises
Pesquisa interna
Benchmarking
Moodboard
Análise com IA
Pedimos ao ChatGPT pontos positivos, negativos e sugestões para a página. Os achados confirmaram a pesquisa:
Positivos
Layout simples com cards organizados, informação essencial visível e consistência com a identidade Sebrae.
Negativos
Progresso pouco destacado, cursos listados sem separação por status, filtros pouco explorados e CTA pouco convidativo.
Sugestões
Dashboard visual de progresso, organização por status, filtros por duração, status e tema, e cores por estado do curso.
04 · OKRs
Usamos os OKRs como base para garantir que cada proposta estivesse conectada aos objetivos maiores do Sebrae Play.
05 · Novo design
Reformulamos a área com ênfase nos eventos ao vivo. O usuário ganha uma biblioteca personalizada, organizada em um dashboard que mostra:
→Conteúdos inscritos
→Em andamento
→Concluídos
→Favoritos
→Sistema de filtros visível e acessível.
→Cards interativos com o progresso do usuário.
→Acesso direto ao conteúdo desejado.
Em Meus eventos, criamos um calendário interativo com eventos inscritos, eventos abertos para inscrição e agenda mensal com navegação entre meses.
Regras do calendário
→Os eventos do mês aparecem em rosa, inscritos ou não.
→Ao clicar em “Programação”, um skeleton carrega enquanto o sistema verifica a inscrição.
→Inscrito: aparecem as palestras, com o botão Entrar ativo ou não.
→Não inscrito: aparece um convite para clicar em Saiba mais.
→Ao clicar em uma data, aparecem apenas os eventos daquele dia; mais de um evento navega pelas setas.
A nova seção reúne todos os certificados conquistados, com filtro por Ao vivo, Gravado e Séries, e permite baixar ou compartilhar nas redes.
A mesma estrutura adaptada para o celular, mantendo progresso, filtros e eventos acessíveis.
06 · Conclusão
Organizar o conteúdo em seções e dashboard facilita a navegação, reduz o tempo de busca e estimula a continuidade do aprendizado.
O calendário interativo fortalece o engajamento com eventos ao vivo, e centralizar os certificados valoriza as conquistas do usuário e incentiva a divulgação nas redes profissionais.