5 design tips for building an EFFECTIVE landing page

Design is more than just looking pretty (although it is that too).

To have a truly effective landing page that takes viewers and turn them into buyers, you need to have thought out your strategy from all sides - the copyrighting, the product itself, the content, and the design. βœοΈπŸ§‘β€πŸ’»πŸŽ¨

‍

Your landing page could either bring you bucketloads of clients or let out a sad little dying chirp in the barren night. Plan it out well and build your page strategically to get the great results you really want.

‍

It takes you 1/20th of a second to form a first impression.

‍

You have to grab your viewers' attention from the get-go and keep it on your webpage, guiding them through your carefully crafted landing page until they click that 'buy' button and beyond.

‍

Here are 5 awesome, top-notch design tips to do just that!

‍

How to create an effective landing page with good design (5 tips)

Imagine the landing page is a path in the forest heading towards a magical castle 🏰, and it is your job to build the path for them, to prevent them from running after some deer-unicorn-hedgehog deep in the forest, and to tell them about how incredible the mgical castle is.

‍

#1 Remove distractions

First of all, start by removing the distracting deer-unicorn-hedgehog creatures. And by that I mean the header and footer and other links that may lead the viewer away from the landing page. It may sound a bit strange, but it does make a difference, and it's a fairly common thing to do on landing pagesβ€”you don't want the person reading this to just click away and leave, the goal is to create the beautiful paved path towards the magical castle.

‍

In fact, here are some nice examples of other landing pages, so you can put a face to the name and see what I'm talking about:

Hybridstateofmind

‍

‍

Content on Demand

‍

‍

jive

‍

#2 Use hierarchical writing

When I was doing research for this post, I came across this image which I really like:

‍

Image Credit

‍

Make sure you have your headings, subheadings, titles and paragraphs in the order you want them to be read. Bigger text will usually mean it will be read first, so you'll want those headings to succintly get their point across AND be interesting enough to catch someone's attention and get them to continue reading the other, smaller pieces of text.

‍

This counts for subheadings and headings tooβ€”not just titles. Break up your text into logical and well ordered headings, paragraphs, subheadings, paragraphs, headings, subheadings, etc…

‍

Not only will make it easier for the viewer to read (and, well, skim), but the ordered heading and subheading tags will also make your landing page SEO friendly. And you want the Google algorithm to like you if you're selling on the Internet, don'tchya?

‍

#3 Put your sign-up form / button in the right places

Do NOT leave your form languishing in the far end of the landing page. It is something you want to be leading the viewer to so make it as easy as possible to find and very visible.

‍

Be sure to put your first button or form above the fold (at the top section of the website, so it isn't necessary to scroll down to see it). πŸ“°πŸ“°

‍

#4 Use color to direct eyes to CTA's

Color can make a huuuuge difference in your design, and one of the areas where it really shines is your call to actions, i.e. the see more, sign up and buy buttons. You want to make your CTA's stand out and really attract the viewer's attention. You can do that buy changing the color 🟑, shape 🟩, or the typography πŸ”€πŸ‡Ή.

‍

Look at this pictureβ€”on the left, everything is a different color, looks fun, but throws your attention all over the place. On the right, you are immediately drawn to the orange circle because it is the odd one out; this is the general idea for what to do with your buttons and other important elements.

‍

Now let's see how this would look with the hero section of my website:

‍

(let's play a game of spot the button saying 'get started')

‍

compare it now to this version β†’

(good contrast and pretty noticeable while still fitting in with the brand color scheme)

‍

This is a pretty extreme example, but I could have had a button with just the black outline and no yellow background color. It would have been nice and minimalist but still not as noticeable as it is now.

‍

#5 Choose good graphics

While not necessarily the most important thing on your website, photos 🏞️ and graphics πŸ–οΈ still contribute their fair share to the overall effect of your landing page and do matter. Images with bad lighting that look like they were taking with an old iphone will make you look cheap and low quality. Images with GOOD light quality but the most generic stock photos you have ever seen on the whole wide world will do the same. Random photos and graphics you can't puzzle out the meaning of won't help either.

‍

A site with okay graphics is fine, but a site with great graphics will help you stand out even more.

‍

Here are some things to think about when choosing an image for your landing page:

‍

‍

And here are my top 3 free stock photo sites because I'm cool like that:

‍

(full list and review of the best stock photo sites coming soon *wink**wink*)

‍

Ah! But have you thought about this! (your audience)

‍

Even after all that, all that wonderful and carefully thought out design with pretty button corner flourishes won't get you the sales you want because you also need to fundamentally understand who you're selling to. It's sad, but it's a truth. Sure, you will sell to some people who do really want your product and are impressed by you (and your very good design), but you will get a lot further if you understand your ideal audience well and what type of person πŸ§‘β€πŸ³πŸ§™β€β™‚οΈ you want to reach exactly. That will guide all your decisions from what text to write, how to build up your landing page design and branding, and even where and how to market your thing.

‍

Here are some quick tips for how to be more people πŸ‘₯ focused:

‍

‍

And now! Remember again!

‍

The five design tips presented in this post:

‍

‍

Contact me on...

Email

mira.h.dimi@gmail.com