As Steve Krug reminds us in his book “ Don’t Make Me Think”, good design should be intuitive and instantly recognizable for what it does or sells. Using too many or irrelevant CTAs will end up disorienting or distracting your landing page’s visitors. And below this, five links take you to different destinations. On the left, there is a “learn more” CTA button, while over on the right another CTA button asks you to sign up for an account. The problem with this landing page design is simple: too many call-to-action (CTA) buttons.
This is Chase, a national bank headquartered in Manhattan. Here’s another example a Square landing page design, this time with an improved headline and subhead:
And as Wordstream reminds us: “Great headlines expertly summarize a complex value proposition in a few simple, jargon-free words”. HubSpot recommends emphasizing the benefits rather than the features of your product in your header, as this will persuade users to click. Read this post on writing a killer headline for your landing page design. If necessary, follow up with a subhead that clearly communicates the benefit of your product. A clever, interesting header can go a long way in converting visitors.
Justinmind loading animation how to#
How to fix it: Make your headlines snappy and meaningful. If your landing page header doesn’t catch their eye, smaller, longer sections of text sure aren’t going to save you. They skim, skip and allow their eyes to flitter across the page. News flash! Users aren’t always going to read your landing page copy. And all that copy below it doesn’t exactly scream “read me, buy me!” Square suffers from generic headline syndrome. Meaningless, limp headlines can be the death of your landing page design as they don’t send a message that reflects your priorities as a brand. Terrible landing page design example #2 Square Likewise, large sections of content should be broken down into bitesize chunks to help the user digest. For instance, focus on the visual hierarchy of information on your landing page and work backwards.Ĭontent that is related should be placed close together, but not so close that the user has a hard time picking apart your design. How to fix it: to give your landing page a logical reading order, you need to be smart about how you use space on the screen.
Designing cluttered pages with very little whitespace decreases readability and increases the cognitive load for the user. Layout is a critical factor for your landing page design as it has a direct impact on how your landing page will perform. There’s so much going on here, it makes our eyes hurt! The multitude of boxes, multiple navigation patterns and large, bold text all crammed onto the screen makes for a poor viewing experience. Take a look at the above image of their landing page design and see if you can guess what’s wrong with it. Learn how to create landing pages with clear goals and great UX here! 7 terrible landing page designs Terrible landing page design example #1 CruiseĬruise is a site that advertises cruise deals, reviews and guides.
Plus, we’ll explore some quick and easy adjustments that will have a massive impact on your landing page design. In our post, we’ll look at seven of the worst landing pages ever to be seen on the Internet. But if visitors don’t engage with your landing page, then your design has failed.Ĭluttered, slow-loading landing pages with meaningless copy are the worst - you’ll see what we mean. Landing pages are one of the earliest points of interaction between your users and brand, and are responsible for converting visitors into returning customers. Landing page design is a key part of the customer experience journey. With so much time and budget attributed to web and app design, it’s a wonder that badly designed landing pages still exist.
Justinmind loading animation plus#
How to design landing pages that speak to your audience and promote your brand’s message - plus 7 examples of what not to do with landing page design
0 kommentar(er)
