Post by jferdousy427 on Feb 20, 2024 7:28:08 GMT
Landing pages sit at the heart of CCD, used to focus the attention of a prospect toward a single objective or conversion goal. In the examples following, we take a basic lead capture landing page, and transform it using 3 of the core principles of CCD: encapsulation, color contrast, and directional cues. The end result being a stronger lead gen form designed for conversion. design to increase conversions encapsulation Using encapsulation: Notice how the form stands out more in the version on the right, due to .
This is most often done simply by placing the form in a containing box Brazil Phone Number to provide a contrasting background. design to increase conversions color contrast Using color & contrast: Now the form is really starting to pop. Notice how there are two primary areas of the form that are brought forward by the use of color & contrast: the form header and the CTA. the reason for using the same contrasting color for both is to provide a sense of correlation. The header should contain pertinent information that describes what you are getting by submitting the form, and the benefit of doing so. For example: “Download our free ebook to master the art of conversion.
Using the same color as the CTA will naturally allow your eye to follow the trail down to the CTA after reading the contents of the header. design to increase conversions directional cues Using directional cues: Notice the use of two arrows in the example on the right. By taking the previous version and adding some extra visual persuasion to the form, the first arrow brings your attention from the introductory copy to the form header (which as described above, should contain the description of the purpose of your form) and a second arrow from the form header down to the CTA.
This is most often done simply by placing the form in a containing box Brazil Phone Number to provide a contrasting background. design to increase conversions color contrast Using color & contrast: Now the form is really starting to pop. Notice how there are two primary areas of the form that are brought forward by the use of color & contrast: the form header and the CTA. the reason for using the same contrasting color for both is to provide a sense of correlation. The header should contain pertinent information that describes what you are getting by submitting the form, and the benefit of doing so. For example: “Download our free ebook to master the art of conversion.
Using the same color as the CTA will naturally allow your eye to follow the trail down to the CTA after reading the contents of the header. design to increase conversions directional cues Using directional cues: Notice the use of two arrows in the example on the right. By taking the previous version and adding some extra visual persuasion to the form, the first arrow brings your attention from the introductory copy to the form header (which as described above, should contain the description of the purpose of your form) and a second arrow from the form header down to the CTA.