What is landing page?Landing page in its basic wide meaning is the term used for analytics to describe any page where the user started his or her journey around your site, in other words, where a user lands on the website. However, today the other, more specific meaning is used much more often to define a landing page. Behind this term, people understand the special web page created for presentation of the specific product, service, features or options so that the visitor could get necessary information quickly and easily not being distracted. That is why the analysts say a landing page is in most cases much more efficient than home page. Home page can have too many options and getting through all of them to find the particular product the user can get distracted from making the decision, lose interest or even get annoyed. Gym Landing Page
What is conversion and why is it important?Talking about the sphere of design for businesses and products, especially in terms of their marketing and promotion, the word conversion is perhaps the most popular and widely used. In its most general definition, conversion means transformation, and depending on the field this words is applied for, it will be used for different objects. Initially in terms of e-commerce, where landing pages have perhaps the widest field of application, conversion is the index showing how many visitors actually moved to the end of the way they were offered actually buying a product. So, for e-commerce conversion transforms visitors (users) into buyers. However, nowadays landing pages go far beyond e-commerce, therefore understanding of conversion also gets broader. In modern terms of comprehensive and numerous functions and needs, which users are able to fulfill with online resources and digital products, conversion is the rate of cases when visitors did the action they were called to. And that can be not only buying something. In terms of landing page, conversion can be also fixed in case of:
- moving to direct use of a product
- transition to the other page
- downloading an app or a file
- providing some information
- answering the question in the survey
- starting free/discounted trial use of a product
- browsing a library
- reading more detailed description of the product or service etc.
Why is landing page needed?As we mentioned in the case study about designing a landing page, it is easy to answer this question with a little metaphore. Imagine, you are going to visit, let’s say, New York to walk around Manhattan. That is the dream of your life. Finally you find the service which offers to take you to New York City fast and cheap. Great, isn’t it? You pack your bag, you charge your camera, you get up full of admiration as the dream of your life is going to get real. And then you are taken by those amazing people who offered you the realization of your dream to the entrance point of New York City. They leave you there to find Manhattan or any other place you want by youself. How do you like it now? Who knows, perhaps you will be not so happy after exhausting journey around the huge city looking for the place you want. Wouldn’t it feel great to be taken right to the destination, fresh and ready to admire and absorb positive emotions? Wouldn’t you as a customer be happier to reach your goal faster and easier? Sure, yes. That is actually what a landing page does. When a person obtains the information from the outer source about the specific product, feature, information or service and clicks through the link to its provider, sure, he or she doesn’t dream to spend a lot of time looking for desired product or page among all the links and information provided on your homepage. The user wants to «land» directly at that very place which will make possible for him or her to get what they want as fast as possible and getting enough (but not too much) information to support their decision-making process. So, creating a well-thought-out landing page is really vital to strengthen marketing strategy and increase conversion rates. As a practical example, here is the design concept Museu. It presents a landing page promoting art exhibitions. The idea behind it is to make this sort of promotion aesthetic and unobtrusive for the user as well as highly informative. The balance of minimalism and utility appealing is kept by means of style, color and motion. In the book "Landing Page Optimization: The Definitive Guide to Testing and Tuning for Conversions" by Tim Ash, Maura Ginty and Rich Page, the authors provide concise set of rules which designers and marketers should remember about creating a digital interactive product. It's high time to remember them now: The Rules of Web Awareness:
- If the visitor can’t find something easily, it does not exist.
- If you emphasize too many items, all of them lose importance.
- Any delay increases frustration.
What does a landing page consist of?Actually, landing page is a field for broad creativity and depending on the target audience and objectives behind it, it can be very different. There isn't a single guide for the fixed scheme and construction of a landing page, but there is a basic thing that should be provided by any landing page. It doesn't matter what size is the page, how many parts it includes, how many visual elements it uses, the most important thing for any page is that it should provide VALUE. In general, typical landing pages often have: 1) General idea of the presented object (product, service, activity etc.) with call-to-action element. Users need to be provided with basic description of the benefits, preferably not too detailed but concise and useful. The aim of this element is to inform the user and provide a clear and noticeable oportunity to actively use this information via call to action element which can be presented with a button, link, contact form, subscription field etc. 2) Testimonials and signs of trust. People usually tend to trust more to what is already used or tried by other people and recommended as worth attention. Therefore, testimonials from clients, considerable numbers of followers in social networks, awards and certificates can have a great impact on conversion rate. 3) Description of the main features. This block of information can be used as an additional information supporting description of basic functionality. It supplies a visitor with more details about the product or service, its abilities and technical characteristics, its influence on life and productivity and the like. It certainly makes the landing page longer and requires more attention from users so applying this block should be always thoroughly analyzed. The example provided above is a concept of landing page created for quite a specific purpose and target audience. As you can see, it involves all the elements mentioned above. The aim of the page is to promote a shop of organic food. It is composed in several blocks presenting the name of the shop, products, highlighting some important aspects of service, call to actions and testimonials. The designer sets the purpose to make it informative but not overloaded, appealing but not aggressive. To make the experience more attractive and engaging, the process of scrolling the page was livened up with animation and the visual elements were selected to support the general theme and provide immediate visual perception of basic idea.
What are important aspects of an efficient landing page?- Target audience analysis No landing page should be designed without a solid basis of research and analysis. Landing page is not an object of pure art, it is a part of promotion and presentation strategy. Designer working on a landing page should keep in mind that any marketing campaign comes from definition of the goals and target audience. So, a landing page should be designed as a virtual bridge connecting target customer with a product or service. For a webpage with high conversion rates, design decisions have to be based on analysis of target audience's preferences, abilities and psychological characteristics. Design of a landing page that will work for everyone is utopia, standing far from real business achievements and results. - Market and competition analysis One more aspect designer should dedicate time and effort for is analysis of the competition. Earlier we have already considered the connection between UI/UX design and advertising basics in the article "Advertising Rules to Design Good UX" and one of the points was devoted to the aspect of competition analysis. As far as landing page is actually an active part of marketing process, the analysis of the market is inevitable for good result. Knowing the competitors, you will be able to create original ideas of presentation that will not get lost among other numerous products and services. - Copy Famous guru of advertising David Ogilvy said: "Every word in the copy must count." This is a simple but unavoidable truth if you deal with a landing page. Decision on the amount of copy used on the page should be the aspect of thorough research and testing as it directly and highly influences conversions. However, it doesn't mean that every landing page should contain minimal number of words. If it presents a famous company product or service or informs about special offers, sometimes short and concentrated copy is enough to encourage users. However, if a new unknown product or service is presented, it is important to provide users with more information persuading them to follow call to action. The provided example shows the design concept of a landing page for a non-profit organization accomplished by Polina. It uses considerable copy blocks and supporting visual elements to set the understanding of the club activity. - Branding elements It is obvious that elements of branding such as a logo, corporate colors and typefaces, slogan and other identity traits should be strongly presented on a landing page. They should provide strong connection of a presented product, service or activity with the company or brand visual and verbal identity. This improves efficiency of general marketing strategy. - Visuals As it was explained previously in the post about visual perception in UI, people in general have incredibly broad abilities to perceive visual marks, recognize and proceed data even transformed in images of high level of abstraction. In vast majority of cases people fix and percieve pictorial elements like icons and illustrations faster than words. Great proportion of users are visually-driven creatures by nature. As it is shown in all the examples provided higher, using attractive and informative graphics in landing pages enables users to catch the idea and scan the page much faster and saves their time as well as involves their aesthetic perception in the process. Seafood Recipes Landing Page - USP and CTA These are two magic words to make a landing page efficient. USP (Unique Selling Point) is the most important benefit (or set of benefits) people can get with your product. CTA (Call to Action) has to encourage people to realize the conversion. Effective landing page quickly informs a user about unique selling points and provides noticeable, clear and easily-available calls to action. Design solutions and techniques for actionable CTA are worth the separate detailed discussion which we will start here in Tubik Blog soon in our next articles. - Short loading time One of the aspects influencing design solutions for landing pages should be reasonable time of page loading. Users do not like to lose their time, and landing page is not a piece of unique something that will be an exception. Don't make the visitors wait. All the design solutions should be thought-out carefully not to overload the page and prolong its time of loading unnecessarily. - Video Presentation Video presentation can become a very good way to present a product without making users read long copy blocks. It involves all the sences of perception into process. Video can make the page active and interesting. However, there is a pitfall to remember about: video has a considerable impact on page loading time. So, it should be really worth watching to become a design element of an efficient landing page. - Responsive design Several years ago one of the articles on Think with Google provided interesting facts and statistics about the importance of resonsive design for web products. Among them, we can learn that:
- 61% of users said that if they didn't find what they were looking for right away on a mobile site, they'd quickly move on to another site
- 79% of people who don't like what they find on one site will go back and search for another site
- 50% of people said that even if they like a business, they will use them less often if the website isn't mobile-friendly.