AI MBA landing page
AI MBA landing page
AI MBA landing page
Transforming complex course information into a clear, engaging, and conversion-focused experience.
Transforming complex course information into a clear, engaging, and conversion-focused experience.
Year: 2025
Client: 4U Edtech
Role: UI Designer
Designer supervisor: Caio Chagas
UI
Landing page
Framer
Overview
Overview
This AI MBA landing page was designed to balance conversion with the need to communicate a large amount of course information.
The experience was first structured through a wireframe in Figma and then fully developed in Framer. The visual direction followed the campaign's established identity, creating a seamless transition from the advertising experience to the landing page and ensuring consistency throughout the user's journey.
My focus was on translating the predefined content into a visually engaging and structured experience, using strong visual hierarchy, modular layouts, UI components and strategic CTAs to make the information easier to navigate while maintaining the campaign's bold, technology-driven aesthetic.
This AI MBA landing page was designed to balance conversion with the need to communicate a large amount of course information.
The experience was first structured through a wireframe in Figma and then fully developed in Framer. The visual direction followed the campaign's established identity, creating a seamless transition from the advertising experience to the landing page and ensuring consistency throughout the user's journey.
My focus was on translating the predefined content into a visually engaging and structured experience, using strong visual hierarchy, modular layouts, UI components and strategic CTAs to make the information easier to navigate while maintaining the campaign's bold, technology-driven aesthetic.
The Challenge
The Challenge
How do you turn a large amount of information into an engaging experience?
How do you turn a large amount of information into an engaging experience?
The landing page needed to communicate a wide range of information about the AI MBA, from its curriculum and learning experience to faculty, market data and program details. At the same time, it needed to support conversion and maintain the strong visual language established by the campaign.
The main challenge was to balance information density, visual impact and clarity. With the content already largely defined, the design needed to create a clear hierarchy and make complex information easier to scan and navigate, without removing the depth users needed to make an informed decision.
The landing page needed to communicate a wide range of information about the AI MBA, from its curriculum and learning experience to faculty, market data and program details. At the same time, it needed to support conversion and maintain the strong visual language established by the campaign.
The main challenge was to balance information density, visual impact and clarity. With the content already largely defined, the design needed to create a clear hierarchy and make complex information easier to scan and navigate, without removing the depth users needed to make an informed decision.
The result
The result
Structuring a large amount of information
Structuring a large amount of information
Instead of treating the page as one continuous flow of content, I organized information into clear visual groups and modular sections. This created stronger scanning points and helped users navigate the different aspects of the program without feeling overwhelmed.
Instead of treating the page as one continuous flow of content, I organized information into clear visual groups and modular sections. This created stronger scanning points and helped users navigate the different aspects of the program without feeling overwhelmed.
Creating visual impact
Creating visual impact
Because the landing page was also part of a marketing campaign, visual impact was an important part of the experience. The design needed to capture attention while still communicating the authority and relevance of the AI MBA.
I used bold imagery, strong typography, contrast and expressive visual elements to create moments of impact throughout the page, turning the large amount of information into a more engaging experience.
Because the landing page was also part of a marketing campaign, visual impact was an important part of the experience. The design needed to capture attention while still communicating the authority and relevance of the AI MBA.
I used bold imagery, strong typography, contrast and expressive visual elements to create moments of impact throughout the page, turning the large amount of information into a more engaging experience.
This landing page converted 15% more.
This landing page converted 15% more.
Before making the landing page, the marketing team's strategy consisted in sending the lead directly into Curso Edgar Abreu's website. Once the landing page was ready, the conversion rate grew to about 15% more than before.
Before making the landing page, the marketing team's strategy consisted in sending the lead directly into Curso Edgar Abreu's website. Once the landing page was ready, the conversion rate grew to about 15% more than before.
Want to see the project for yourself?
Want to see the project for yourself?
What I learned
What I learned
Designing within constraints
Designing within constraints
I learned how to make strong design decisions within predefined content and campaign guidelines, finding opportunities to improve the experience without changing the core message.
I learned how to make strong design decisions within predefined content and campaign guidelines, finding opportunities to improve the experience without changing the core message.
Making complexity feel approachable
Making complexity feel approachable
When content cannot be reduced, hierarchy, spacing, grouping and visual rhythm become essential tools for making information easier to navigate.
When content cannot be reduced, hierarchy, spacing, grouping and visual rhythm become essential tools for making information easier to navigate.
Check out more of my works
