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.

let’s work together

Ready to get started?

OUR WORK

Jade Stone Engineering

JSE-Main-Logo-Dark

Award-winning, NY-based engineering firm that services clients across America.

Jade Stone Engineering is an award-winning, NY-based engineering firm that services clients across America. JSE strives to remain approachable, easy to work with, and consistent in their practical problem-solving skills through mechanical, electrical, and plumbing engineering. We’ve had the privilege of partnering with JSE on our entire service line- including a brand refresh, website transformation, video production, SEO & hyper-target digital marketing.

Industry

Engineering

Location

Watertown, NY

Services

Web Design & Development
Photo/Videography
Digital Marketing

jade-stone-eng-web-mockup
Jade Stone Engineering-23
WM-PROJ-JSE-PALNE-IMAGE
WM-PROJ-JSE-IMAGE
Jade Stone Engineering-13
WM-JSE-PROJ-HERO-IMAGE

“We strongly recommend Michael & his team. After two years, we continue to work with them and they continue to provide results.”

Ben Walldroff

CEO

Jade Stone Engineering
let’s work together

Ready to get started?

OUR WORK

EMS Wealth Management

EMS-Logo-Dark

A partnership of four family-owned agencies.

Committed to Western New York with over 100 years of licensed experience and over $150 Million in assets under management, EMS Wealth Management is a full-service financial firm with a broad range of specialties including personal financial planning, 401(k) & employer sponsored retirement plans, estate planning and insurance products. Williams Media worked with them to develop a new identity under the EMS brand as well as a new website, sales brochures & stationary.

Industry

Financial

Location

Buffalo, NY

Services

Web Design & Development
Branding
Photography

EMS-wealth-management-trifold-brochure-mockup
williams-media-EMS-web-mockup
ems-wealth-feature-image
EMS-Office-151
ems-wealth-image-feature
ems-wealth-image-feature-williams-media
let’s work together

Ready to get started?

OUR WORK

McGuire Development

mcguire-development-logo-blue

Ensuring the highest industry standards in development and property management.

Williams Media was hired to work with the McGuire Development Company on the design and development of their new website. It had been about 10 years since their last site was built, so their team was adamant about taking a thoughtful and strategic approach to the establishment of their “Digital Headquarters.” This included custom photography throughout the website of their Buffalo, NY headquarters that ties together their physical and digital headquarters, confidently welcoming past and current clientele.

Industry

Real Estate

Location

Buffalo, NY
Tampa, FL

Services

Website Design & Development
Digital Marketing
Photography

WEBSITE

Showcasing company expertise.

Their stunning new website delivers a strong focus on company offerings and history, highlighting past and present commercial real estate projects, clientele base, and their extensive portfolio of properties and 3rd party listings.

mcguire-development-mockup-1
mcguire-development-mockup-2
For over 15 years McGuire Development has been establishing themselves as one of Buffalo’s most trusted commercial real estate firms with an unrelenting focus on customer service. We’ve had an awesome time working with them and are thrilled to partner with such a great company.
Specializing in a wide range of projects, including commercial and residential developments, healthcare facilities, and industrial spaces; their dedication to sustainable and innovative design has made them a trusted name in the region’s real estate landscape. McGuire Development Company continues to contribute to the growth and development of Buffalo, helping to shape its future.
mcguire-development-mockup-1
spectrum-team-header-image
mcguire-development-building-logo-close
79-perry-st-header-image
Mcguire-about-us-history
Mcguire-build
Olivia Basile

"My experience working with the Williams Media team has been nothing short of fresh and energetic, with confident collaboration and creativity. They have surpassed what we could have envisioned on our own, and presented us with a relevant, modern approach to our new site.

Working with requested deliverables and realistic deadlines from the Williams Media team has been smooth with constant communication. They do a great job understanding the direct needs of the client and fitting within budget parameters. They are honest and take the time to make sure the client understands exactly what they need to create a successful site launch."

Olivia Basile

Marketing Manager

McGuire Development
let’s work together

Ready to get started?