Otimização da Página Inicial da plataforma

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:

• 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 Home é 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.
  
  

  

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

• 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.

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.

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.

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:

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.

Conclusão

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.