Landing Page

Projeto real para a empresa

Akira Enem

Redesign completo da landing page com foco em atualização de conteúdo, melhoria de experiência e aumento de percepção de valor da plataforma.

Figma

Redesign

Wireframes

Web Design

Visão Geral do Projeto

A landing page anterior apresentava inconsistências entre comunicação e produto real. Havia seções com “em breve” e demonstrações de funcionalidades que não existiam na plataforma, o que gerava desalinhamento e possível perda de credibilidade.

O objetivo do redesign foi alinhar promessa e entrega, melhorar a experiência do usuário e estruturar melhor a comunicação das funcionalidades reais da plataforma.

01 | O Problema

Por que a landing não estava performando estrategicamente?

A versão anterior apresentava excesso de blocos visuais sem hierarquia clara e comunicava recursos que ainda não estavam disponíveis.

  • Desalinhamento entre marketing e produto: elementos “em breve” geravam expectativa sem entrega.

  • Demonstrações inconsistentes: algumas telas exibiam funcionalidades inexistentes.

  • Falta de profundidade explicativa: a proposta da plataforma não era detalhada o suficiente para sustentar decisão

  • Seções bagunçadas: depoimentos espalhados e falta de clareza nas informações.

02 | Processo de Design

Busca de referências

Iniciei o processo buscando referências de landing pages voltadas para estudos. A minha maior inspiração foi o Duolingo, que já é uma inspiração forte no design do Akira Enem por dentro, então decidi seguir com essa mesma ideia.

Baixa fidelidade

Após ter as ideias de como eu estruturaria o site, parti para o desenvolvimento de um protótipo de baixa fidelidade, que me permitiu entender como faria sentido organizar as seções, priorizando a experiência do usuário.

Reestruturei a hierarquia da página, reduzindo poluição visual e organizando melhor os blocos para facilitar a leitura.

Style Guide

Utilizei pesos e tamanhos diferentes da fonte principal para toda Landing Page. Utilizei as cores principais da logo, removendo outras cores que estavam presentes anteriormente, que não conversavam com a marca.

Alta fidelidade

Após a aprovação do time, segui para o protótipo de alta fidelidade, utilizando as cores e as fontes de acordo com a identidade da marca e o Style Guide. Com base no protótipo de baixa fidelidade, refinei detalhes para garantir uma solução atrativa e alinhada com o objetivo da página de levar o usuário a utilizar o Akira Enem.

Utilizei protótipos reais de telas da plataforma para que a demonstração na Landing Page ficasse a mais fiel possível. Removi todas as promessas não implementadas e reorganizei o conteúdo com base nas funcionalidades existentes.

Passe o mouse para comparar as duas versões

Clique para comparar as duas versões

03 | Conclusão do projeto

Landing Page Atualizada e Orientada à Confiança

A nova Landing foi reconstruída com foco em coerência entre comunicação e produto real. Todas as promessas não implementadas foram removidas, eliminando ruído e fortalecendo a credibilidade da marca. A arquitetura da página foi reorganizada para melhorar hierarquia visual e compreensão, tornando a navegação mais fluida e intuitiva.

Observação: responsável apenas pelo design, não participei do desenvolvimento e publicação.

04 | O resultado

Impacto da Reestruturação

A nova estrutura da landing page permite acompanhar de forma mais precisa indicadores de desempenho como taxa de conversão, cliques em CTAs, tempo médio na página e taxa de rejeição. A reorganização da página torna possível avaliar com mais clareza o comportamento do usuário e identificar pontos de otimização na jornada.

A simplificação do layout e a reorganização das informações tornam a proposta da plataforma mais fácil de entender, reduzindo dúvidas e facilitando a tomada de decisão. A comunicação passa a ser mais direta e alinhada ao produto, contribuindo para uma experiência mais intuitiva e com menor carga cognitiva.

Como resultado esperado, a landing se torna mais eficiente na conversão de visitantes em usuários, com uma jornada mais clara e orientada à ação. A melhora na compreensão da proposta, aliada a uma estrutura mais organizada, tende a aumentar o engajamento e o aproveitamento do tráfego gerado.

Veja meus outros projetos

GIGA CLIPS

Desenvolvimento de plataforma digital

App Design

Fluxos

Figma

NUTRIAN

Desenvolvimento de site institucional

Web Design

Landing Page

LP

Framer

Create a free website with Framer, the website builder loved by startups, designers and agencies.