We’re also clarifying that every piece of information that is on the landing page should be on it or not.Ĭould the landing page perform the same if not better without this information? Visual hierarchy We’re going to be deciding which information is most crucial to the user. Information hierarchy is the process of ensuring the most essential information is included on the page. Let’s start by running through each of them and discussing why they should be included. By visually seeing how the page's structure is going to look and flow, it will help you to understand what information is most relevant and how much information is really necessary on the page.Īs mentioned above, there are some elements that your landing pages really need to include in order to give them the best chance of success. It’s really important to create your wireframe as early on in the process as possible.
The anatomy of the perfect landing page wireframe What’s usually left is a page which looks great, but misses some of the fundamental aspects which transform the results of landing pages. However, it’s unlikely that even though designers may have some experience when it comes to CRO, it’s usually a task more suited to a conversion optimizer. With the brief for the landing page being sent directly to the designer. It’s not uncommon for us as a conversion rate optimization agency to see this step frequently skipped by clients (before they come to us). By creating a wireframe, it will put all of the various people involved from designers to copywriters, on the same page as you are.
We want the designer to be creative, but don’t want them to be choosing where on the page the customer testimonials should go. When landing page design is led by a designer, it can leave the requirements up to interpretation. Doing this will allow you to prioritize what’s most important on the page and create a structure that focuses on the primary conversion goal.
The benefits of creating a wireframeĬreating a wireframe allows you to visualize your landing page early on in the process. In this guide, I’m going to discuss the benefits of creating a wireframe for your landing page as well as some of the best practices. So it’s really important that the wireframe really drives how the page is going to flow and the elements which are going to be included. The person that is responsible for creating the landing page, more often than not isn’t the designer or copywriter. By wireframing effectively, you are ensuring that the page is focused on items of importance and that it’s optimized to convert. Instead, this process is more about how the landing page is going to be structured which will then be used to lead the copywriting and the design. They are created even before you begin thinking about how the page is going to look. Landing page wireframes are used to create a ‘rough’ visual representation of how a landing page is going to look. However, these elements can often be overlooked and the attention given to how the landing page looks aesthetically. And to do so, each landing page needs to feature several specific elements that are pivotal to its success. Which is to convert as many users as possible into leads or sales. Landing pages should have one primary objective. Bonus: the most common mistakes with wireframes. In this article we analyze the anatomy of a great landing page wireframe and the elements you need to include.
0 kommentar(er)
