BLOG

How To Create A Successful Landing Page

[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]

So you’ve done your due diligence in creating a warm audience on social media and now it’s time to start driving traffic to your website for a specific purpose—generate leads. But, as you being to drive traffic you start to notice that you’re not converting your visitors into the leads—they’re coming and going leaving you confused and frustrated.

Sound familiar? If so, you’re not alone.

Because there are usually several different choices that the visitor can make on your website, it’s easy for them to be distracted. Between looking at your blog, to browsing your about page, to maybe even viewing the FAQ page visitors can easily be forgetful on why they were there in the first place. And, that is exactly why you should use a landing page.

What’s a landing page and how is it different from your website?

The job of a landing page is to offer value to the consumer. It does this through offering something like an e-book, promotion, or coupon, in exchange for some sort of information, like an e-mail or phone number.

What makes landing pages so valuable is that they use specific call-to-actions (CTA’s) in a purposeful way that takes the user to the next stage of the decision making process. If you’re not familiar with the buyers journey or inbound bound marketing be sure to check out our blog, Why Inbound Marketing Works.

[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][fancy-ul icon_type=”font_icon” icon=”icon-chevron-right” color=”Accent-Color” alignment=”left”]

  • Like an ad, you want to make your landing page exciting.
    Bright colors and interesting imagery that captures the viewer’s eye are equally as important as the landing page itself. You might only have one opportunity to leave an impression on the viewer, so you need to take advantage that opportunity. Don’t forget, key colors like blue are scientifically proven to appeal to the decision making part of the brain.
  • Don’t include any outbound links.
    If the objective is to direct users, placing other links on the page will distract the user from the main point of the landing page—securing them as a lead.
  • Optimized for mobile.
    The number’s aren’t even close – mobile is taking over. And it’s no longer ok to ignore your mobile presence. Making sure your landing page is optimized for smart devices will only increase your odds of converting those leads.

[/fancy-ul][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]

So what does a good landing page actually look like? Let’s take a look at what separates the good ones from the not so good.

[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” equal_height=”yes” content_placement=”middle” bg_color=”#f7f8f9″ scene_position=”center” text_color=”dark” text_align=”left” top_padding=”50px” bottom_padding=”50px” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][vc_column_text]

Bad

Welcome to the landing page for the Lowe’s Advantage Card. Can you tell where to sign up? If not, it’s probably because the apply now button is the smallest link on the page. Notice the disconnect?

[/vc_column_text][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][image_with_animation image_url=”6322″ alignment=”center” animation=”None” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” equal_height=”yes” content_placement=”middle” bg_color=”#f7f8f9″ scene_position=”center” text_color=”dark” text_align=”left” top_padding=”50px” bottom_padding=”50px” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][vc_column_text]

Bad

Novuum Publishing’s site also offers another example of what a poor landing page looks like. Upon arrival you’re met with a wall of text, hard to read green font and a boring white backdrop. Notice the CTA? It’s off to the bottom right of the page, instead of being the featured section like it should be.

[/vc_column_text][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][image_with_animation image_url=”6323″ alignment=”center” animation=”None” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” equal_height=”yes” content_placement=”middle” bg_color=”#f7f8f9″ scene_position=”center” text_color=”dark” text_align=”left” top_padding=”50px” bottom_padding=”50px” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][vc_column_text]

Good

This is a great example. First, it provides a clean layout with a simple color scheme. Second, the objective of the page is clear as it provides only two options for the reader. Ride or Drive. In fact, the entire is dedicated to these two things almost exclusively. The main call to action on the page also provides a form for the user to directly enter information. This page is direct and engages the viewer immediately upon reaching their website.

[/vc_column_text][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][image_with_animation image_url=”6324″ alignment=”center” animation=”None” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” equal_height=”yes” content_placement=”middle” bg_color=”#f7f8f9″ scene_position=”center” text_color=”dark” text_align=”left” top_padding=”50px” bottom_padding=”50px” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][vc_column_text]

Good

This Hubspot/Canva landing page takes things one step further. You’ll notice this page has only one objective – getting it’s visitors to sign up for its ebook. The page is bright and again, clean and simple. A short description of the book itself and a call to action are the main focus of the page. Also note how there are absolutely no external links.

[/vc_column_text][/vc_column][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/2″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”2px” column_border_color=”#f7f8f9″ column_border_style=”solid”][image_with_animation image_url=”6325″ alignment=”center” animation=”None” box_shadow=”none” max_width=”100%”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″][vc_column column_padding=”padding-5-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]

Hopefully seeing what works and what doesn’t can helping you in creating your own landing page. They’re important things to have in any website. And if you are using any type of CTA, it pays to have a landing page that works. A well put together landing page may be the difference between attracting or not attracting customers.

[optin-monster-shortcode id=”bsknecskx6ezqfpst0pi”][/vc_column_text][/vc_column][/vc_row]

Ready to amplify your organization?

Share

OUR WORK

SingleSource Accounting

SingleSource Logo Main

Your one-stop shop for outsourced accounting services.

We partnered with SingleSource to create a forward-thinking, playful and engaging website to uniquely position the startup within the saturated landscape of financial services. SingleSource takes pride in making state-of-the-art accounting solutions accessible to businesses of all sizes using their unique people + technology approach. With powerfully simple visuals and effective user flow, this conversion-optimized site was built to foster their growth.

Industry

Accounting

Location

Buffalo, NY

Services

Web Design & Development

Digital Marketing

Custom Illustration 

SingleSource-fullMockup

Illustrations

Visualizing the brand.

It was important for us to convey the brand in the most accurate way, so our team also crafted a suite of 24 custom illustrations to demonstrate every aspect of the SingleSource experience.

WM-PROJ-SINGLESOURCE-FACES

The Team

Custom headshot illustrations.

Business headshots are boring. We thought we would spice things up by hand-drawing everyone on the accounting team to create an inviting presence while maintaining brand consistency.