Landing Page Design Checklist
Nearly finished with your page? Before sending it out into the world, walk it down the runway with this landing page design checklist.
Does this sequence make sense?
Verify your visual hierarchy. Think of your landing page as a short conversation. Do you supply the most critical information in the most logical (compelling) order? Is the most important information up front? Does it flow well?
Is my business clearly represented?
Can I simplify? Where?
Include your logo.
Keep your design simple.
Visitors want to know they’re seeing content from a
When in doubt, leave it out. Every design element
trusted source. By positioning your logo strategically
should work to drive visitors toward conversion
near the top of your page, people will know where they
(to take a single call to action). Design should elevate
are right away.
the key content that needs to be communicated and support the copy, rather than distract from it.
Is my text tantalizing or terrifying?
Choose fonts that speak your language.
Does my design evoke emotion?
Use design to tell a story.
Saying something serious? Use a serif font. Want to send a playful message? Try a hand-written script font
Your graphics and images should spark the emotion you
for your headline. Stick to no more than 2-3 fonts per
want visitors to feel while also clearly communicating
page, and most importantly, keep it legible.
what your offering is.
Is my design customer-tested?
Are my images fast-loading?
Remember: feedback is your friend.
Seek hard-working, fast-loading images.
Before sharing your page with the world, why not
Size images so they load quickly but still look great on
forward your design to a colleague, friend, or (even
every device. As a rule of thumb, consider the largest
better) current customer? Ask for constructive
device your image will display on, and crop it to
feedback, check to ensure your key message is
that width.
conveyed, and do some final polishing. Tip: If you have an image-heavy page that will be viewed from both desktop and mobile devices, consider creating a
Is every element mobile-responsive?
Design with a mobile-first mindset. Because more than 60% of all web traffic occurs on a mobile device, it’s crucial to ensure these users can view your landing pages and fully interact with
separate mobile version with appropriately-sized images. Then, use Leadpages’ “Redirect Desktop Traffic” setting to send desktop visitors to a page that looks great to them (but may not load as quickly on mobile devices).
your content.
GET MY FREE IMAGE PACK
Images by Evgeniya Porechenskaya.
Tip: Leadpages’ landing pages are 100% mobile responsive, so all elements scale proportionately by default. Choose maximum image width, set device-specific section display, and adjust margins & padding to fine-tune how your pages appear on mobile.
Vibrant Photos for Vibrant People.
Have I considered the full experience?
Do I convey credibility?
Optimize as part of a larger journey.
Add social proof.
Where are visitors coming from and going to?
When it’s appropriate, include testimonials or reviews
Your landing page is just a single step in someone’s
that entice visitors to take action. Use customer photos
journey across many touchpoints with you.
to help build credibility.
Be sure to plan out the content that leads visitors to your page, as well as what will be delivered after they take action—at the same time. Designing it concurrently will ensure your messages match and your creative is cohesive.
Is my color palette aligned with my brand?
Is my eye called to my call to action?
Select a color palette and stick to it.
Contrast is key.
Choose up to 3-4 colors that work well together & align
When it comes to highlighting your primary call-to-
with the colors you use to represent your brand.
action, be sure to choose a color that stands out from the rest of your page. Additionally, make sure there’s
Tip: Once you’ve selected your color palette, keep the hex values on hand so you can quickly access them every time you make a page. Leadpages makes this easy: simply save your colors in the branding section of your account.
enough contrast between your text and background to ensure readability.
Build Unlimited Landing Pages With Leadpages Leadpages is a digital marketing tool that enables businesses to generate leads by optimizing web traffic conversion from ad to action. It allows you to quickly build high-converting landing pages and Facebook ad campaigns that convert quality web traffic into qualified leads and loyal customers.
Try it Free for 14 Days