Contentful Landing Page Redesign
Landing Page • Branding • Personas • Wireframes • User Interface • Prototyping
Project Overview
As a UX Design Intern for this project, the goal was to redesign Contentful's landing page to speak directly to technical and non-technical audiences. The challenge was to ensure that Contentful's products prioritized their technical audience, while also creating a balance that provides solutions that supports the needs of non-technical users as well.
Role / Individual
UI/UX Designer
User Researcher
Tools
Figma & Plugins
Duration
3 Weeks
Research
The goal was to redesign Contentful's landing page to speak directly to technical and non-technical audiences.
The challenge was to ensure that Contentful's products prioritized their technical audience, while also creating a balance that provides solutions that supports the needs of non-technical users as well.
.png)
Competitive Analysis
As the first stages of my design approach, I compared the landing pages of Contentful's competitors.
I identified how Contentful's competitors target their audiences, comprehended how they stand out, established Contentful's voice on the landing page, and determined how we differ from our competitors.
.png)
Wireframes
When designing the wireframes for the Landing Page, I divided the page into five sections: Educate, Persuade, Demonstrate, Community, and Support.
​
This method allowed me to be able to analyze the impact and purpose of the elements on the previous design, and to ensure that the new design included these components that served a purpose for the page.
Medium Fidelity Designs
In this stage of the design process, I began to focus more on how to utilize Contentful's brand colors and mission to tell a story as soon as the user arrives to the Landing Page.
​
My goal was to design an impactful Hero section that empowers all users to feel confident in building their site with Contentful by including:
-
Snapshot of the product demo
-
Adding a button to easily view Contentful's Introduction video
-
CLI feature to for developers to easily copy and paste
-
Simplifying the text on the buttons
