Skip to main content
Landing Page Best Practice Guide

Advice, suggestions and tips for building beautiful landing pages

Tiffany Nathania avatar
Written by Tiffany Nathania
Updated over 4 months ago

Building Landing Pages

Knak's codeless campaign creator allows you to be able to build landing pages in minutes. Here are some best practices to help boost conversion rates!

  1. Ensure that the "Action" is front and center.

    Having the headline and call to action highly visible is key. Avoid cramming more than necessary. Too much content can make it difficult to identify the CTA. Think of this like a newspaper, "Above the fold" is best when it comes to the action as this is the most visible and we want to make the most out of it.

  2. Simplify your form

    Forms are an important aspect of a landing page. As much as we want to get as many details from the prospect, we need to ensure that the form is simple enough for them to fill out. A general rule of thumb is having less than 7 fields, but we recommend going lower than that.

  3. Avoid using navigation and other distractions from the main point of the landing page

    A great landing page is one that focuses on a single conversion goal. With this said, try to minimize navigation and other distractions from your landing page. A landing page will work best if it stands alone.

  4. Have a clear message

    Align the landing page with the goal of your campaign. Think about what you're trying to achieve with this landing page and ensure the messaging is clear.

    For example, if your campaign is about post secondary education and why it is beneficial, the click to the landing page should not lead them to a job posting.

  5. Check mobile version for responsiveness

    Be sure to keep in mind the different devices the landing page will be viewed on. It is always a good idea to test for mobile version for responsiveness. In this day and age, screen resolutions will vary which is why it is important to keep this in mind!

  6. Contrasting colors

    Color adds character and life into a design. However, think of it from an accessibility perspective. Accessibility in design means being able to create something that can be enjoyed and experienced by the widest range of viewers, and sometimes, certain combinations of colors prevent this from happening. This may include people who have visual disabilities, color blindness.

    Two quick tips to help you make sure your colors are accessible:

    1. Don't use color as the only method to convey information: Using green and red text to indicate pass/fail is not accessible to audience that may be color blind.

    2. Underline inline links: Your inline link style should have an underline - color is not enough. Most users expect to see links underlined and this helps ensure that people with visual impairments can identify links.

  7. Loading Time

    Ensure that your page loads quickly. Slow lead time results in lower sales. Avoid weighing down your landing page with unnecessary elements that can slow it down. Ensure that the page is optimized. (Tip: you can use the Optimize tab in Knak to see if your page is in optimal setting)

  8. Image Width

    If you would like a full width image you can use images which are twice as wide as the container the image is going in, for example if the page is 1000px wide, you should use 2000px.
    โ€‹

    *note: image size is not as important for LPs as they don't need to worry about deliverability but keeping the images small will help with page load times & help them avoid CDN overages costs
    โ€‹

Did this answer your question?