responsive web design
Mailchimp
Redesigned the landing page for easy access to Mailchimp’s features and price chart, facilitating subscriptions.
Project overview
The Mailchimp landing page has undergone a redesign that prioritizes visual hierarchy. While maintaining a consistent look and feel on all devices, they have skillfully customized the user experience for each device through the use of a responsive grid system.
project type
Individual Project
duration
2 Weeks
role
UX/UI Design
Visual Design
Visual Design
Tools
Figma
problem analysis
Grid system
Grids organize a design. Flexible grids are the cornerstone of responsive design, ensuring excellent user experiences on any device.
design system
How might I increase the users by redesigning the landing page?
Hi-fidelity design/
desktop_1920px
1. Based on the AIDA Model
The primary objective is to drive action, so the AIDA Model is applied.
2. Clear Visual Hierarchy
By thoughtfully selecting element size, sale, and color, the page offers an attractive and impressive user experience. This not only grabs users’ attention but also simplifies navigation and information retrieval.
3. Concise Service Information
To cater to the interests of visitors, Mailchimp’s landing page provides clear information about its products and services, ensuring that users can easily find the content they are looking for.
4. Encouraging Action
The primary goal of the landing page is to drive action, and this is achieved by strategically using color and spacing to ensure it doesn’t go unnoticed.
Laptop_1024px / tablet_768px / mobile_360px
1024.png)
360X800.png)
What I’ve learned
- I discovered that visual hierarchy influences how the human eye processes information, so I redesigned the page for swift and clear user communication.
- In today’s world, we have many different devices, from small mobile phones to large desktop monitors. Choosing the right columns and margins is essential to ensure a consistent experience on all devices.
- I came to understand that defining target users and grasping brand objectives are ultimately crucial.
Next Step
To ensure a better outcome for next project, I need to clearly define the target audience and understand what the brand aims to achieve with the design. I should also plan the layout carefully and use the AIDA model to help me reach the goals.
