MBA AI Bank Pro landing page
MBA AI Bank Pro landing page
MBA AI Bank Pro landing page
Transformar informações complexas sobre cursos em uma experiência clara, envolvente e focada em conversão.
Transformar informações complexas sobre cursos em uma experiência clara, envolvente e focada em conversão.
Transformar informações complexas sobre cursos em uma experiência clara, envolvente e focada em conversão.
Ano: 2025
Cliente: 4U Edtech
Papel: UI Designer
Designer supervisor: Caio Chagas
UI
Landing page
Framer
Resumo
Resumo
Esta landing page para um MBA em IA foi projetada para equilibrar a conversão com a necessidade de transmitir uma grande quantidade de informações sobre o curso.
A experiência foi estruturada inicialmente por meio de um wireframe no Figma e, posteriormente, totalmente desenvolvida no Framer. A direção visual seguiu a identidade estabelecida para a campanha, criando uma transição fluida da publicidade para a landing page e garantindo consistência ao longo da jornada do usuário.
Meu foco foi transformar o conteúdo predefinido em uma experiência estruturada e visualmente atraente, utilizando uma hierarquia visual sólida, layouts modulares, componentes de interface (UI) e CTAs estratégicos para facilitar a navegação pelas informações, mantendo, ao mesmo tempo, a estética ousada e tecnológica da campanha.
Esta landing page para um MBA em IA foi projetada para equilibrar a conversão com a necessidade de transmitir uma grande quantidade de informações sobre o curso.
A experiência foi estruturada inicialmente por meio de um wireframe no Figma e, posteriormente, totalmente desenvolvida no Framer. A direção visual seguiu a identidade estabelecida para a campanha, criando uma transição fluida da publicidade para a landing page e garantindo consistência ao longo da jornada do usuário.
Meu foco foi transformar o conteúdo predefinido em uma experiência estruturada e visualmente atraente, utilizando uma hierarquia visual sólida, layouts modulares, componentes de interface (UI) e CTAs estratégicos para facilitar a navegação pelas informações, mantendo, ao mesmo tempo, a estética ousada e tecnológica da campanha.
O desafio
O desafio
Como transformar uma grande quantidade de informações em uma experiência envolvente?
Como transformar uma grande quantidade de informações em uma experiência envolvente?
A landing page precisava transmitir uma ampla gama de informações sobre o AI MBA — desde a grade curricular e a experiência de aprendizado até o corpo docente, dados de mercado e detalhes do programa. Ao mesmo tempo, deveria favorecer a conversão e manter a forte identidade visual estabelecida pela campanha.
O principal desafio era equilibrar a densidade de informações, o impacto visual e a clareza. Com o conteúdo já amplamente definido, o design precisava estabelecer uma hierarquia clara e tornar as informações complexas mais fáceis de assimilar e navegar, sem comprometer a profundidade necessária para que os usuários tomassem uma decisão bem fundamentada.
A landing page precisava transmitir uma ampla gama de informações sobre o AI MBA — desde a grade curricular e a experiência de aprendizado até o corpo docente, dados de mercado e detalhes do programa. Ao mesmo tempo, deveria favorecer a conversão e manter a forte identidade visual estabelecida pela campanha.
O principal desafio era equilibrar a densidade de informações, o impacto visual e a clareza. Com o conteúdo já amplamente definido, o design precisava estabelecer uma hierarquia clara e tornar as informações complexas mais fáceis de assimilar e navegar, sem comprometer a profundidade necessária para que os usuários tomassem uma decisão bem fundamentada.
O resultado
O resultado
Estruturar uma grande quantidade de informações
Estruturar uma grande quantidade de informações
Em vez de tratar a página como um fluxo contínuo de conteúdo, organizei as informações em grupos visuais claros e seções modulares. Isso criou pontos de escaneamento visual mais eficazes e ajudou os usuários a navegar pelos diferentes aspectos do programa sem se sentirem sobrecarregados.
Em vez de tratar a página como um fluxo contínuo de conteúdo, organizei as informações em grupos visuais claros e seções modulares. Isso criou pontos de escaneamento visual mais eficazes e ajudou os usuários a navegar pelos diferentes aspectos do programa sem se sentirem sobrecarregados.
Criando impacto visual
Criando impacto visual
Como a landing page também fazia parte de uma campanha de marketing, o impacto visual era um elemento importante da experiência. O design precisava atrair a atenção e, ao mesmo tempo, transmitir a autoridade e a relevância do AI MBA.
Utilizei imagens marcantes, tipografia de forte presença, contraste e elementos visuais expressivos para criar momentos de impacto ao longo da página, transformando a grande quantidade de informações em uma experiência mais envolvente.
Como a landing page também fazia parte de uma campanha de marketing, o impacto visual era um elemento importante da experiência. O design precisava atrair a atenção e, ao mesmo tempo, transmitir a autoridade e a relevância do AI MBA.
Utilizei imagens marcantes, tipografia de forte presença, contraste e elementos visuais expressivos para criar momentos de impacto ao longo da página, transformando a grande quantidade de informações em uma experiência mais envolvente.
Esta landing page converteu 15% a mais.
Esta landing page converteu 15% a mais.
Antes da criação da landing page, a estratégia da equipe de marketing consistia em direcionar o lead diretamente para o site do Curso Edgar Abreu. Com a landing page pronta, a taxa de conversão aumentou cerca de 15% em relação ao patamar anterior.
Antes da criação da landing page, a estratégia da equipe de marketing consistia em direcionar o lead diretamente para o site do Curso Edgar Abreu. Com a landing page pronta, a taxa de conversão aumentou cerca de 15% em relação ao patamar anterior.
Quer ver o projeto?
Quer ver o projeto?
Aprendizados
Aprendizados
Projetar dentro de restrições
Projetar dentro de restrições
Aprendi a tomar decisões de design consistentes dentro de diretrizes predefinidas de conteúdo e campanha, identificando oportunidades para aprimorar a experiência sem alterar a mensagem central.
Aprendi a tomar decisões de design consistentes dentro de diretrizes predefinidas de conteúdo e campanha, identificando oportunidades para aprimorar a experiência sem alterar a mensagem central.
Tornar a complexidade acessível
Tornar a complexidade acessível
Quando o conteúdo não pode ser reduzido, a hierarquia, o espaçamento, o agrupamento e o ritmo visual tornam-se ferramentas essenciais para facilitar a navegação pelas informações.
Quando o conteúdo não pode ser reduzido, a hierarquia, o espaçamento, o agrupamento e o ritmo visual tornam-se ferramentas essenciais para facilitar a navegação pelas informações.
Confira mais dos meus trabalhos
Confira mais dos meus trabalhos
