Web Design Principles to Make Your Landing Page More Effective

Web design follows certain established rules.

Implement them to your landing page and you’ll find that these will yield positive results.

Learn a little about the principles of visual hierarchy.

You’ll be surprised to know how much these matter in web design.

You will learn that an element of your web page does not necessarily have to be big for it to attract attention.

A CTA, colored differently from its surroundings, will draw attention.

Consider applying this for your CTA buttons.

Landing pages with a lot of text draw the visitor’s gaze in an “F” pattern.

However, a “Z” pattern is more likely to suit your purposes because it draws the visitor’s gaze to take in everything in one quick gaze.

The interplay between space and copy plays a vital role in attracting a reader’s attention.

Typeface, choice of font, and size will allow you to highlight sections of copy.

Do you know what the Golden Ratio is? The number 1.618 symbolizes this ratio and it embodies aesthetic perfection.

So if you’re targeting a mobile audience, you should construct your page such that the length and breadth of the page are in this ratio.

The dimensions of the signup box could be in this ratio.

Fitt’s Law states that the time taken to move to a target varies with the distance to the target and the time taken to reach it.

On your landing page, the target is obviously the call to action.

Don’t keep the CTA too far away from your reader’s reach.

Draw him to the CTA as quickly as possible.

This is the reason why landing pages have more than one strategically placed CTA.

The call, of course, is the same. But it is reinforced multiple times.

Check stats for your page. A heat map and links clicked will tell you of the path taken by users.

Improve copy accordingly.

You can shift important and more appealing copy to where the heat map glows the most strongly, do some A/B testing.
Follow the Rule of Thirds with images.

Divide the image into nine equal spaces with two vertical and two horizontal lines.

Place the most important aspects of the images along the lines.

Until Next Time

 

Ian

Leave A Response

* Denotes Required Field

CommentLuv badge