Back To Top

How to Design a Landing-Page?

landing page

How to Design a Landing-Page?

Great landing-page design can take your business from a sales-slump to an explosion of new clients. I give you 6 tips on designing a landing page that converts to see more sales, leads, and revenue. I have some real-world examples to share so you have a more concrete idea of what each tip looks like in action. Let’s get started.

1. Match your landing-page to your email, ad, and other content

How would-you feel if you went to a scarf-store only to discover that they sell-hats? I would surely be-confused, and maybe a little-frustrated.

That is the same feeling people would have if your landing-page were utterly un-related to the ad-someone clicked-on.

If you have an-ad or send an email about your scarf-sale and the link-sends people to a page with-all-the clothing you sell, you will probably not get the improvement in scarf-sales you hoped for. 

RELATED BLOGS: READ MORE

The same goes for the calls-to-action. If your email or other content is focused-on getting people to make a purchase, the landing-page should be where people can-buy something.

If you-want people to contact you from your-ad, your landing page should include a form or information that tells people how to get-in-touch.

In this Facebook-ad from Pantene, the company is trying to increase sales of its product at Costco and links from the ad to a Costco page where someone can make a purchase. 

pantene-costco-landing-page

It’s clear, simple, and cohesive.   

2.Include one (CTA) call-to-action

You do not want to give your audience too-many options on your website landing-page. Choose one call-to-action and stick with it.

That-way, you can put more focus-on getting people to a do-one thing rather than break their attention and hurt the efficacy of your design and messaging.

This Wistia landing-page does a great job of keeping things short and sweet. It wants the user to take one-action: Get-in-touch. 

wistia-landing-page

Everything on-the-page is geared toward that one-action. 

3. Write great-copy

To design landing-pages that convert, you need-to give people a reason to convert and make it easy. Your copy plays a big-role in compelling people to give-you their information (or their money). First, make-sure you tell people what they are getting into.

Whether it is an online course or an email-newsletter, people should understand what you are offering from your landing page-design. Second, identify and use a value theory.

Ask yourself what makes your business stand-out among your competitors.

How do your services or products make people’s lives better? Do you offer-something for free? Is your consultation-process easy and quick? 

Ahrefs provides a robust-digital-marketing tool for marketers of all skill-levels. An ad-promoting their free tools take people to a landing-page full-of-great copy.

ahrefs-landing-page-motion

Their big-headline tells you that the page has free SEO-tools, and labeled-links take you to each-tool they feature.

For the-value, Ahrefs tells you that you can upgrade your ranking and get more-traffic for free. What your clients get from your business when you write excellent copy is no question.

4. Avoid-cluttering-your-design

Gone are the days-of-busy, clunky web-design. Let your content breathe. You do not need to fill-up your page with dispensable icons or images unless you are the Yale-School-of Art

yale-website

Giving different-sections of your website-space can help you call-attention to specific-elements. It makes things-easier to read and can even increase-reading-comprehension.

Notice how the landing-page layout for this Fiji-water-ad does not use a-lot-of images.

The design-is-simple with a lot of unused space that-allows the products and the product details to stand-out. 

fiji-landing-page

Also, white space does not have to be white. It is just a term we use to describe the parts of-page that do not have any pictures or other elements. 

5.Use-color-wisely

Colours can make people-feel and act in different-ways. If used wisely, they can upgrade reading-comprehension, learning and impact people’s-emotions. 

Using contrasting-colors can also bring-attention to specific areas of your website. Let us look at this page-LEGO created to go-along with its ads-promoting a building contest.

 I will eventually not be entering. 

lego-landing-page-motion

When you scroll-down, you see 3 orange-buttons that give you the option-to-upload or share your content and enter the competition. 

lego-buttons

The orange-buttons stand0out against the blue-backdrop because they are high-contrast complementary-colors, meaning they sit-on opposite sides of the color-wheel. The contrasting colours make-it-clear that those buttons are supreme. 

RELATED BLOGS: READ MORE

Diving into color-psychology a bit, orange tends to represent exhilaration and eagerness.

Marketers use it to-create the feeling of a cheerful, friendly brand.

What better way to initiate excitement for a contest than with a colour that reflects-excitement?  

6.Offer-visual-cues

This is a visual-cue. I am assuming you looked-in-the direction I was-pointing. 

When you design a landing-page, you should consider delibratengily placing images and graphics on the page, so they direct-people’s eyes to essential or clickable-elements. The first thing you might-think of is arrows. This is an obvious-way to tell people where you want their eyes and mouse-to-go.

But you do not have to be as commanding. If you want to use a photo-on-your website, make it so-that-the elements are angled towards your buttons or important-text.

Have a person in the photo-look directly at the most critical part of your-page. They can even-point as I did-not long ago. On Gucci’s-website, you can see the company used an-image of shoes to advertise its women’s-shoe-collection. 

gucci-shoes

But if you take a closer-look, you notice that the shoes are angled-towards-the “Shop” button.

They artfully draw your eye to the clickable-element, whether that was the original-intention. I hope all of these instances have given you a better understanding of designing a landing page.

My last-piece-of-advice for you is to test-everything.

You do not have to choose one-design and stick with-it if it is not working. 

Testing tools like Google-Optimize or VWO can help you figure-out which designs work best for your site-visitors. Running-tests like this is a part of conversion-rate-optimization. 

To learn more, contact us or call us at +(92) 301 0599631.

HOW TO DESIGN A LANDING-PAGE? | DON’T FORGET TO READ OUR LATEST BLOG POST | READ MORE

Comments: 5

Post a Comment