O Desafio e Contexto

O objetivo deste projeto foi criar uma nova experiência para a Home da plataforma, focando em entender as dores de uso e identificar quais informações gerariam valor real ao aluno.

Problemas Identificados:

• Escala Ineficiente: Componentes excessivamente grandes forçavam um scroll desnecessário, escondendo conteúdos vitais abaixo da dobra.

• Falta de Priorização: Os atalhos e recomendações não estavam otimizados de acordo com o uso real, dificultando a navegação rápida.

Diagnóstico e Análise de Dados

Para fundamentar as decisões de design, realizei uma imersão nos dados de comportamento dos usuários através do Microsoft Clarity. Identificamos que a home atual sofria com ruído cognitivo e falhas de interatividade:

"Análise de comportamento via Microsoft Clarity: O mapa de calor confirmou que 85% dos usuários não passavam da primeira dobra no tablet devido ao tamanho excessivo dos componentes."

• Cliques Mortos: Usuários de desktop clicavam frequentemente em elementos não interativos, indicando falta de clareza no layout.

• Gargalo de Scroll: No tablet, 85% do engajamento ocorria apenas no topo da página, com um declínio drástico de atenção para conteúdos abaixo da dobra.

• Problema de Escala: Os componentes excessivamente grandes forçavam um scroll desnecessário, prejudicando o acesso a informações rápidas e atalhos prioritários.

Estratégia e Priorização

A Dinâmica de Cocriação

Como a Página Inicial é um ponto de convergência de diversos interesses de negócio, liderei junto ao PM da equipe um Workshop de Ideação no FigJam para alinhar expectativas e coletar insights. Reuni representantes de áreas-chave como Produto, Sucesso do Cliente, Comunidade e Educação, garantindo que a nova experiência atendesse tanto ao usuário quanto aos objetivos estratégicos de cada departamento.

Essa abordagem colaborativa permitiu:

• Mapear Necessidades Ocultas: Identificar que a área de Educação precisava de mais visibilidade para lançamentos e que o marketing precisava de espaço para ofertas estratégicas.

• Construção de Consenso: Ao envolver todos no processo de ideação, reduzimos as barreiras de aprovação e garantimos que todos os setores estivessem alinhados com a nova hierarquia de informações.

• Priorização Coletiva: Utilizamos as sugestões trazidas no brainstorm para alimentar nossa matriz de priorização, separando o que era essencial para o MVP das melhorias que poderiam ser implementadas futuramente.
  
  

  

"Workshop de Cocriação: Alinhamento multidisciplinar entre Produto, Educação e Marketing para mapear dores de negócio e necessidades dos alunos."

Com os problemas mapeados, estruturei uma Matriz de Priorização para garantir que o redesign entregasse valor imediato ao negócio e ao aluno:

"Matriz de Impacto vs. Esforço: Estruturação do MVP focada em entregar valor imediato, priorizando o novo sistema de agenda e a visibilidade de conteúdos."

• Alta Prioridade: Focamos em tornar as novidades mais visíveis, facilitar o acesso à comunidade e criar um sistema de 'favoritar' conteúdos, semelhante a plataformas como Alura e Domestika.

• Gestão de Espaço: Decidimos reduzir o destaque visual do perfil do usuário para priorizar a seção 'Continuar de onde parou', focando no progresso educacional.

• Jornada Emocional: Mapeamos a jornada do usuário em três atos (Descoberta, Engajamento e Recompensa), garantindo que funções como o 'Indique e Ganhe' gerassem satisfação ao final da tarefa.

Refinamento de UI e Wireframes

Benchmarking e Referências de Mercado

Após a fase de Discovery, mergulhei em uma pesquisa de mercado para entender como grandes players de educação (como Alura e Domestika) resolviam a organização de conteúdos densos. O objetivo foi coletar padrões de usabilidade que já eram familiares aos nossos usuários, reduzindo a curva de aprendizado da nova Home.

Análise Competitiva: Estudo de padrões de usabilidade em grandes players de educação para reduzir a curva de aprendizado do novo layout."

Ideação e Wireframes de Baixa Fidelidade

Com as referências em mãos, desenhei os primeiros esqueletos (wireframes). Nesta etapa, o foco foi puramente estrutural: testar onde cada elemento (calendário, cursos em progresso, área de comunidade) ficaria para garantir que as informações mais importantes estivessem sempre visíveis "acima da dobra.

"Exploração de Arquitetura: Testes estruturais para validar o posicionamento do calendário e a densidade de informações antes da alta fidelidade."

Iteração Ágil com Design System

Diferente de um processo tradicional e demorado, a transição para a alta fidelidade foi extremamente ágil. Graças ao nosso Design System consolidado, conseguimos pular etapas manuais e focar na experimentação.

• Múltiplas Versões: Criei diversas variantes da Home em média fidelidade rapidamente, testando diferentes composições de cards e layouts laterais.

• Consistência e Velocidade: O uso de componentes prontos permitiu que o foco permanecesse na estratégia e na experiência (UX), e não apenas na estética (UI), garantindo que cada versão testada já estivesse alinhada à identidade visual da marca.

"Iteração ágil com Design System: Prototipagem de diversas variantes da Home, focando na melhor composição de cards e aproveitamento de tela."

Destaques do Refinamento Técnico:

A transição para a alta fidelidade foi potencializada pelo uso de um Design System consolidado, o que permitiu focar o esforço em um Design Review minucioso e em iterações rápidas. O objetivo foi lapidar a interface para garantir clareza e eficiência.

Destaques da Evolução do Design:

• Arquitetura de Informação e Hierarquia: Refinei o peso tipográfico e o contraste para distinguir claramente datas de eventos, títulos de sessões e categorias de conteúdo. Essa separação visual eliminou a confusão cognitiva presente na versão anterior.

• Otimização de espaço: Redimensionamos os cards para uma escala mais equilibrada. Isso permitiu uma maior densidade de informações acima da dobra, reduzindo o scroll sem sacrificar o respiro e a elegância da interface.

• Componentização e Funcionalidade: Implementamos filtros dinâmicos na seção "Veja o que vem aí", transformando um bloco estático em uma ferramenta de navegação personalizada. Além disso, o novo componente de calendário centralizou eventos e ofertas, fortalecendo o senso de comunidade e urgência.

Versão final:

"Ajustes rigorosos de escala tipográfica e espaçamento para eliminar a confusão entre datas e títulos."

Resultados e Conclusão

Um dos indicadores de sucesso deste redesign foi a validação do componente de Calendário de Lembretes. Ele foi desenhado para ser o coração da organização do aluno, centralizando eventos, ofertas conteúdos e novidades da plataforma

O que os dados de uso revelaram:

• Engajamento com a novidade: Na primeira semana, o volume de interações foi excepcionalmente alto, validando o forte interesse dos alunos por uma ferramenta de organização.

• Formação de Hábito: Após o pico de lançamento, o uso do calendário se estabilizou em um patamar constante. Isso demonstra que a funcionalidade não foi apenas uma novidade passageira, mas que passou a integrar a rotina diária de estudos do usuário.

• Eficiência da Home: Conseguimos transformar uma página que antes gerava dúvidas e cliques perdidos em uma interface útil e preditiva. A centralização das informações reduziu a necessidade de o aluno buscar avisos em outros canais, tornando a navegação muito mais fluida.

Aprendizados

Este projeto mostrou que unir dados de comportamento (como os mapas de calor) com uma estratégia de alinhamento entre as áreas de Produto, Educação e Marketing é a chave para uma solução de impacto. O resultado final entregou uma experiência mais organizada, onde o aluno encontra o que precisa com menos esforço, priorizando o que realmente importa: o seu progresso no aprendizado.

O que eu faria diferente?

Com os aprendizados de hoje, eu exploraria ainda mais a personalização baseada em trilhas. Embora o calendário tenha sido um grande avanço, o próximo passo ideal seria uma Home que se adaptasse dinamicamente ao nível de experiência do aluno (Iniciante vs. Avançado), reduzindo ainda mais o ruído para quem já conhece a plataforma.