When making landing pages for Google AdWords, SEO, and other marketing initiatives, there are several factors that are important to consider in order to convert visitors to leads. The following DESIGN ELEMENTS can be used to send visitors' eyes in the desired direction. The PSYCHOLOGICAL ELEMENTS listed second in this blog post can be used to remove doubt and encourage action.
1. Color Be sure to ask these questions: What kind of emotional response do the colors used in the landing page provoke? Are they appropriate for the purpose of the landing page and for your brand?
The emotional impact of color can be seen in this chart of logos arranged by color from the Huffington Post:
2. Contrast Highlight important elements on the page by using contrasting colors. Make the most important page element, the call to action, highly visible by choosing a rich color that will stand in stark contrast against the rest of the colors on the page.
A great example comes from a post about design accessibility for the visually impaired. Making the site more visible to those with partial sight and color deficiencies can coincide with making the text stand out to everyone. So why not follow their guidelines and open the page up for an even wider audience?
3. White Space Since there are specific places on the landing page meant to draw the visitor’s eye, it is necessary to leave some breathing room around important elements in order to separate them. Otherwise the page can look to busy or crowded which is not easy on the eyes and could lose the visitor’s interest.
The following iPhone ad uses white space to make the phone stand out.
4. Directional Cues Directional cues like arrows, color, pathways, and line of site should be used to draw the visitor’s eye to the call to action or other important page elements.
- Arrows: Arrows are the most obvious directional cue and should be used to point out the call for action. The example below uses (perhaps over-uses) arrows to point out their Instant Access form.
- Color: Color can be used in repetition or blocking to direct the attention around the page.
- Pathways: Pathways are lines and paths that replicate natural points of travel that lead somewhere. An example is a road. Pathways should be considered as a way to lead to the call to action.
- Line of Sight: Consider using an animal or human with their eyes looking toward the call to action.
5. Headline Headlines should be descriptive and concise. Each word should be chosen with purpose.
6. Eye Catching Image The landing page should include an image that captures the visitor’s attention. Two techniques that are attention grabbing are:
- Encapsulation: Encapsulation is a classic technique which makes it nearly impossible to look away from a certain point on the image, like the example below:
- Interruption: Interruption is a technique where something in the image or the image itself is so out of place people can’t help but want to investigate closer.
1. Validation For online sales, it is important to show that the product or service is valid. Including any of the following will help achieve this:
- Press mentions
- Tweets about the service or product
- Online ratings
- Member stats
- Customer logos
- Case studies
2. Value Propositions
- Why your product/service? Include a concise statement on why your product/service is the right choice. This section should read like an elevator speech and visitors should be able to understand what is being offered on the landing page from this alone.
- Why should I care? This may be included in the same text block as the “why us” statement. Provide visitors with a reason why the product or service being sold on the landing page is important to them and why they need it.
3. Removal of Doubt Removal of doubt is a smart element to include and will certainly increase conversions. A few ways to remove doubt are to offer:
- A no risk, money back guarantee.
- To allow visitors to try before they buy.
- An easy return policy.
4. Call to Action Last but far from least, every landing page absolutely needs a clear call to action. The call for action should give a preview of what the next step will be, and there should only be one call for action.
Presenting a form is a popular choice for this element. Just be advised to refrain from using words like “submit” on the button. Instead, use more polite and descriptive wording, like “Preview our collection.”
When designing landing pages it is important to carefully consider the design and psychological elements of the page. Make a careful selection of which will best motivate your visitors to take the next step.