Design development landing page the “I want it like his” principle remained in 2014, when the effectiveness of the selling page was revealed to the maximum, and companies realized that with the help of a landing page they can not only quickly sell a product/service, but also reveal themselves from a creative point of view. Modern landing pages are not only a selling structure, but also an excellent opportunity to create a WOW effect in a visitor, to admire the idea of the page and its implementation.
If you don’t want to bother, you can download a prototype of the “ideal landing page” and create a page based on the rules, write a headline, an offer, advantages and benefits, insert a trust block and a call-to-action button and go to sleep with the thought that the work is done “ five." But if you want to exceed the expectations of your target audience, and let’s face it, your own expectations too, then use the landing page examples that we considered the best.
All 9 examples, collected from the Internet, we thought were cool. Simplicity, consistent with the landing page principle, convenience and consideration of the basic requirements inherent in the landing page, make examples of selling Landing pages highly converting.
Example of a selling site No. 1
The first landing that we will consider has an incredibly attractive and stylish design, but poorly thought out marketing component and copywriting. On the first screen we see a bright banner without any unique selling proposition, the emphasis is on a bright photo. When visiting a one-page website, it is initially unclear whether it is dedicated to one unique product or an entire series, which confuses the client at the initial stage.
Each person has a specific goal, why he needs a product or service. In this block we will observe dry selection criteria, but not the final need. At the same time, “from and to” indicators can confuse the client. In this case, it is better to focus on maximum characteristics. Describing a product in the style of “brevity is the sister of talent” raises a certain question about competence.
The essence of the block should be to obtain advice from a professional who knows everything about the product and is ready to give proper advice about the product depending on the client’s operating conditions.
It’s hard to imagine how the simplest landing block can be made so complex and incomprehensible. In addition, texts must be written in the style of addressing the client. Not “leave a request”, but “leave a request”.
Landing page example No. 2
Cool landing page structure, corporate design and amazing work by the marketer made this landing page our favorite. It is clear that the client took a responsible approach to the selection of videos and photos for the development studio. On the first screen we see a unique selling proposition, several needs and criteria have been completed. The most powerful and beautiful element is a video instead of a background, which reveals the essence of the training and the equipment of the gym.
Interest is sparked by the criteria.
Professional and bright photos and video materials further stir up interest in the service.
We “pressure” the visitor with a number of advantages and cover the needs, arouse “desire”.
The logical final part of the AIDA structure is the “action” block.
Example landing page no. 3
A unique image, a stylish insert with a USP, a navigation menu, a bright design of the first block and a headline in the style of a call in the overall combination make you want to sign up for a trial training session. A button with a call to action also contributes to this. The navigation arrow is missing, which should indicate that there is also new information below. The next block is advantages in the form of criteria. Made in the form of icons with a brief description.
An excellent solution was to place a block with a call to action with a discount offer and a time limit. Photos inspire confidence in the visitor, motivate, and are also an unusual and stylish addition to the design.
An excellent block with motivation for the first lesson. The big minus is the character of a different nationality.
An example of a landing page demonstrates the style and conciseness of the design, but, at the same time, motivates the reader to the main action due to the absence of distracting details and minimal colors.
Landing Page Example #4
A good landing page developed by our web studio, which can become a role model and inspiration for other developers and clients. The one-page website reveals the problem of the target audience (in our case, women with large breasts), and immediately solves it through a high-quality offer.
Each block is an exact hit to the pain of the target consumer. Immediately behind it is the correct and competent solution to clients’ experiences based on their discomfort.
A bonus for both the visitor and the landing page in terms of lead generation is a block of benefits and advantages, supplemented with real photographs that clearly demonstrate the result.
A great way to communicate benefits not only verbally, but also visually. Thus, all information is perceived better.
Social proof uses two powerful marketing elements. A video that once again puts pressure on the problem and talks about the benefits of properly selected underwear.
And a photo of the company director with his address to the client.
A large amount of negative white space, due to which attention is concentrated on the content, as well as a fairly simple design of the content, create the impression of a stylish and modern design. The landing page is captivating with its concept and converts visitors into clients thanks to competent marketing.
Landing page example #5
A stylish example of a landing page focused on selling a service - the design and construction of luxury private houses and cottages. The landing page was developed according to the AIDA marketing strategy - a classic that tirelessly demonstrates its effectiveness.
Each block demonstrates an integrated approach of a marketer, copywriter and designer. Powerful and motivating calls to action, original and stylistic graphic images and sales text leave the visitor no chance but to cause him to take the action that is expected of him.
The main goal of a one-page website is to form a positive impression of the company and its reputation, which becomes the main motivator for the target audience, which is wealthy consumers. This group of target audience is less interested in the issue of price, more interested in the image and capabilities of the performing company. Therefore, the landing page aims to highlight the benefits of a construction company.
In total, with the help of this selling one-page website, the consumer is provided with a solution to his problem in finding a reliable and professional contractor. The landing page fully reveals all the strengths of the company, which become a motivator for cooperation.
Example of a successful landing page No. 6
Here is an excellent example of a beautiful and functional landing page. Modern design with thematic pictures, developed in a combination of dark and light tones with bright accent inserts creates a pleasant impression of nobility.
This landing page has a distinctive feature that other developers rarely use. It reveals the issue of price as much as possible, inviting the user to independently choose the price range, having considered the options that he can afford.
This is a very convenient and practical function that visually shows the user online all the offers that are suitable for the price. Another advantage of a one-page website is its focus on all the requests of the target buyer. Using this landing page, a visitor can get advice, place an order, get an idea of the cost of a kitchen set, and also receive an estimate for their order. Each opportunity comes with a call to action.
Overall, the project inspires confidence in the company. And this is the main thing that a one-page website offering services should form for a potential buyer. After all, it is based on trust in the performer that the client turns from potential to real.
Landing page example #7
We chose this landing page example because it is fundamentally different from the usual traditional one-pagers.
The site is dedicated to the milk delivery service. But it is made in a comic form and is aimed only at a small group of the target audience.
After reading the storytelling, which is where the one-page page begins, it becomes clear that it is aimed at young people who are interested in slang.
There is no selling structure or elaboration of problems here, as can be seen in the previous beautiful examples of landing pages. However, the message of the site is clear and interesting, so the landing page itself has a place.
A large amount of information content, which is presented “for fun” to make you smile, is complemented by an audio playback function, which also adds humor to the page. But, scrolling a little lower, we see a block with a call to action, typical of “classic” selling landing pages.
There is no social proof, no block of trust, no blocks of advantages and benefits. But there is a recipe for cutlets :-)
It’s difficult to say about the effectiveness of this landing page. What is obvious is that the page is interesting, with excellent design and “school” humor. And despite the fact that such projects are a rare occurrence in the field of Internet marketing, they are worthy of existence, as they will definitely find their audience.
Example of a selling site landing page No. 8
An example of another of our work that deserves attention. The landing page sells a service for selling or renting mobile stands/photo zones. With the help of this one-page page, a potential client finds all the answers to his questions.
An excellent solution for those who want to understand the service in detail. There are unique photographs for each category of service, the cost of each with the ability to immediately select the one you are interested in. For those who could not make a choice, the landing page offers an individual order service indicating personal requests, formatted as a call to action.
The benefits block focuses on the convenience of cooperation.
The block of benefits is supplemented by a block of company advantages, which together create a powerful motivation for the client to act.
An interesting design solution that combines white and dark gray with red elements to create a stylish aftertaste when viewing the landing page. Unlike other landing pages that work on the problems of the target audience, offering their solution, this project reveals all the advantages of the company’s services, and also helps the client find answers to all his questions.
Example landing page No. 9
This landing page, which was developed by our web studio, holds the visitor’s attention from the first turn of the screen and motivates him to action. A landing page dedicated to selling design and construction services opens up a ton of opportunities for the client. This is confirmed by the feedback form, which allows you to immediately order an individual project or download a free example of a project.
When choosing a contractor, a potential client needs the reputation and experience of the company. It is on this information that the consumer forms benefits for himself.
A special bonus for the visitor is real photographs of projects created by the company. Bright, beautiful and attractive photos become a plus for the visitor’s trust.
Next is the block of “goodies”. That bonus that competitors rarely offer is the opportunity for the client to look at the houses built by the company with his own eyes. This service does not oblige the visitor to order the service. But with the help of the feedback form, the visitor already becomes a lead.
As a result, the client is presented with a website with an original design, thoughtful structure and concept, and competent content, which has a comprehensive effect on page conversion, leading to high efficiency.
Parting words
The modern user, sophisticated with the countless number of sales pages that catch his eye, is already tired of the same type. Today, uniqueness has come into fashion; the more interesting and unusual the landing page, the higher the likelihood that it will attract the user’s attention. In addition, good and exclusive design is always a plus: both to surprise the visitor and to please yourself. And a pleasantly surprised visitor is at least +10% to conversion. We wish you original and delicious ideas! And if you have any difficulties with this, you can always order a landing page from our web studio.
Subscribe to the blog and follow our updates.
The design of this page is unique, completely imbued with the brand's personality and is not similar to others.
The peculiarity of this design is that all the elements are visible, but at the same time very neatly arranged. The simple but beautiful slideshow also attracts attention.
Simple but cute design. The advantage is that you can log into the site via Facebook without wasting time on registration.
An excellent example of demonstrating the company's products. Every month the company updates the list of products shown on the page.
Understanding what is sold on the site is not a problem thanks to well-structured content, beautiful slides and large font price tags.
The most successful product sales pages always contain clear, easy-to-read product examples.
The key to this design is simplicity. A simple menu and a bright slider go together perfectly.
The page successfully displays different sections. For more detailed information, just click on the image you like.
The design is not overloaded with unnecessary elements; you can immediately see all the characteristics and prices of the product.
Entertainment sites
Simple and tasteful. The purpose of the page is immediately clear: watching a documentary video.
The page design is very well thought out, it fascinates and literally hypnotizes. Great combination of colors and shapes.
This site is above all praise. The brilliantly thought-out design and abundance of interactive elements will not leave anyone indifferent.
This Harry Potter franchise page is designed using colors, phrases, and names familiar to fans.
This page not only looks beautiful, it is also very functional: many interactive elements, integration with Google Maps, use of tabs.
Even after the redesign, Uncrate does not change its tradition of arranging all sections of the site in a convenient top navigation menu.
This site showcases the power of graphic design and web development. It’s better to go to it and see for yourself.
An excellent example of a “tiled” design that allows you to stylishly arrange a large number of content blocks.
The visuals of this site are stunning. Vivid images instantly capture the attention of users.
Jay-Z sure knows how to have fun. On his site, articles, images and other content are presented in the form of interactive tiles.
This design uses natural shades that go well with the main issues raised on the site.
Portfolio landing pages
On this page, the dominant role is again given to images that literally come to life when you hover the mouse.
This example has a very interesting color combination. Moreover, all elements on the page use the same background structure, wood-like.
The “old school” style is used very well here, the design of each element is thought out to the smallest detail and is unique. Thanks to endless scrolling on this site, you can enjoy such beauty for a long time.
A clear and thoughtful design helps the page most effectively convey the main information to visitors. The color scheme matches the brand and shows the designer's style in action.
The page is an excellent presentation. Each banner is dedicated to a separate project.
An example of an unusual tile design.
Typography plays a major role on this page. Using different fonts helps in conveying ideas.
The design is laconic and concise. On the page we can see everything we need: a portfolio and links to other sections.
Icons and nothing more. A good example of minimalist design.
The portfolio page displays the most important thing - examples of work.
Retail
The page contains many user photos that can be easily scrolled through using scrolling and hovering.
Large, bright photographs of the company's products make you want to drink a can of cold beer.
Nothing distracts the visitor from contemplating the most beautiful watch.
The highlight of this site is the slideshow at the top of the page, which showcases mouth-watering culinary delights.
The font and graphics combine perfectly, creating a unified perception of the site. There are only three menu items, and they are impossible not to notice.
Elegant style, high-quality images, beautiful presentation. Nothing distracts from the main elements.
Toyota has created a Pinterest-style site for Camry lovers. Here you can find many photographs, articles, statistics.
Despite the fact that this page fits into one screen in height, it contains many interesting interactive elements and unusual details.
The page design fully reflects the brand's style: colors, fonts, pictures are immediately associated with this company.
The design is made in calm, light colors; this color scheme is ideal for the product being offered.
This site is like a book that captures your attention with its unusual plot and illustrations.
The floating red button in the middle of the screen does its job: you really want to click on it.
To create a successful one-page website for selling your own product, a smart solution would be to first study working landing page examples. Is it easy to create such a page yourself? Let's consider what distinguishes beautiful and actively selling landing sites.
What is a landing page
Landing - what is it? This is the name for a one-page website where customers are offered some kind of benefit: a discount, a promotion, unique products. Landing does not always aim to sell products. Sometimes such pages contain an application form, by filling which the client gets into the database or orders an information call from the company manager.
Most companies have already appreciated how much landing sites help in marketing. One page solves one problem. Landing pages should not be overloaded with additional information. Their main goal is to motivate customers to respond to a call to action.
The advantage of a one-page website over full-fledged online stores is the specificity of the offer. A clear statement of benefits helps to successfully convey to clients the benefits of cooperation (purchases, applications).
Of course, all Internet users have seen such pages. Practice shows that this is a truly effective marketing tool. In conditions of general information overload, landing pages pleasantly delight customers with minimalism, style and clarity of wording, and the absence of unnecessary advertising and spam.
A beautiful landing page is an important online marketing tool
Examples of the most beautiful landing pages
What makes a landing page beautiful? At first it may seem that there is no clear answer to this question, because each user understands beauty in his own way. But in fact, a landing page is a tool for which there are quality standards. To see successful examples, visit the following sites:
- Designed to move.org;
- Evr.st;
- Grooveshark.com;
- Hipstamatic.com;
- GiftRocket.com.
The best landing pages have a similar structure and features. People like different website design options, but the success of a landing page doesn’t lie in pretty pictures. Key features of attractive one-page websites:
- minimalistic but stylish design;
- clear wording, no vague phrases, a lot of specifics;
- list of benefits (the client immediately understands what he will receive if he responds to the offer);
- convenient application form, without unnecessary information (the best solution is only the buyer’s name and contacts);
- the presence of a call to action, an incentive to respond (“call”, “find out details”, “request a call”);
- honesty (landing page should contain only relevant and factual information);
- optimization for search engines (the presence of popular queries in the text of the site raises it in the search engine rankings).
The article presents examples of sites with good landing pages. Study them and develop your own one-page websites for products and services. Some general recommendations can be highlighted. The page should be harmonious and attractive to the eye. Do not use acidic or irritating shades. It is advisable to limit yourself to 2-3 primary colors and stick to pleasant contrasting tones. All images on the landing page must be of high quality.
Harmonious color combinations, clearly described benefits and convenient placement on the screen are signs of a successful landing page
Examples of actively selling landing pages
A sales landing page is the goal of most online marketers. It is important to make a one-page website not only beautiful, but also attracting customer traffic. What features will help turn an ordinary landing page into an actively selling one?
The key feature is the obvious benefit. The faster the buyer understands that he is being offered truly favorable and fair terms of cooperation, the faster he will make a purchase. Therefore, in the offer of the page you need to indicate the cost of the product or service. If possible, you need to compare it with competitors’ prices and be sure to focus on the difference (for example, “5,000 rubles cheaper than competitors”).
A good option would be to use a question-answer format. Users often search the Internet for information in the form of a question. For example, “how to choose a dress for prom.” Use popular wording in the landing page title and you are guaranteed good traffic(if, of course, the site really offers a solution to the issue).
All important information should be placed on the first screen: the faster the user grasps the essence of the offer, the faster he will respond
Landing pages have rapidly burst into the world of Internet marketing, displacing traditional websites. If previously only 2 types of landing pages were used - single-page and multi-page, now subtypes of landing pages are springing up like mushrooms after rain.
In order not to delay the material (the article is already long), let’s immediately look at examples of 15 types of landing pages that exist today in the RuNet. The selection uses both works from the Internet in general and examples of ready-made landing pages from Panda Copywriting.
To view examples of landing pages in FULL SIZE VIEW you need to click 2 times. First, on the picture, and then, when the image “pops up,” move the mouse to the bottom of the landing page and click on the cross that appears.
View 1. Landing page “About us”
Let's start the list of examples with “About Us” landing pages. Agree, it’s much better: instead of boring text of a couple of paragraphs, create a full-fledged landing page in the corresponding section of the site.
It’s like a passport in a beautiful cover - it will tell you about the main advantages/tasks/prices and attract attention.
Landing Page in the form of a product catalog is suitable for those stores that do not offer a very wide range. If you have a lot of products or want to make a landing page for a specific model, this type of one-pager is not suitable for you.
But, as an option, if there are too many products, there is also a solution: you can give, for example, only some TOP products in the catalog or display different selections using a code.
Examples of landing pages with catalogs
Tea company catalog page:
Another type of landing page with a catalog. This time meat products:
The trick: the product is immediately dragged into the cart from the landing page It is optimal if the landing catalog contains the following elements:
- No more than 12 products, no more than 11 categories.For a larger number of products, it is better to create a separate catalog, otherwise there is a risk of confusing the site visitor.
- Convenient scrolling.It is important that the landing page is not cluttered with positions that dazzle your eyes.
- Pop-up buttons “Buy/Order”under each product.
- Transparent terms of delivery and payment .
And:
- Interesting solutions for the shopping cart or product descriptions.
Informative landing pages
A good info landing page most often includes:
- . They are suitable for listing facts, trends, resources. Instead of a canvas of text, numbered blocks look better. In short, numbers rule both in an information article and in a landing page.
- Graphics. The more icons, photos, gifs, tables and other visual materials, the more interesting it is to read the information landing page. Interesting scrolling effects, flash animation, and video in the background are often introduced.
- Subheadings. Despite the fact that the landing page is visually divided into blocks, it is impossible to do without capacious and concise subheadings. They tell what the landing page is about if the reader skims over it.
An info landing page is like an infographic that you can scroll through and contains more text. You can use such landing pages to describe products, especially if the product is relative, and before creating a landing page that closes for sale, it is important.
The example below shows a landing page for a website selling 3D pens. You can read about every detail of the design thanks to interactive elements, and see the handle in action in the video. In a word – maximum information, minimum advertising.
Also, info pages are suitable for creating articles on a corporate or personal blog. For example, information landing pages about online education, like the example below, would be suitable for the blog of a company that offers online courses.
An example of an info landing page to present a new media planning platform:
Clear structure and selling elements. This Landing Page looks very laconic.
It is optimal if the information landing page contains the following elements:
- Detailed description of the product or service,which covers the buyer's objections.
- Product video(if this is a site for selling one product).
- Interesting facts about the product/service, advantages.
- Minimum advertising.
- One or two buttons with a non-aggressive call to action(for example, “Go to catalog”, “Order on the website”).
Landing pages for lead capture. Lead-Page
Landing is one of the most convenient platforms for generating leads. Create a one-page website with really useful bonuses, and your client base (or rather, email addresses, phone numbers, etc.) is in your pocket!
Entering your email address is much easier than going through the registration procedure, but no one will just give up their address or phone number. Offer free benefits to gain contacts.
Also, many landing pages of this type, as in the example below, offer to enter your email in exchange for a useful newsletter.
Depending on the situation, you can set the following fields on the Lead-landing page:
- To enter your phone number and name (if you are offering, for example, a free consultation, free salon treatment, etc.)
- To enter email address and name. This data can then be used for mailing. To receive an e-mail, the landing page must offer the potential client “goodies” - guides, courses and webinars, demo versions of software, etc.
- To enter gender, age and other personal data. Suitable, for example, for landing pages that gather a user base for a dating site.
An example of a lead capture page from Tinkoff Bank: a small block with the benefits of filling out a questionnaire.
And another example, this time from Tinkoff Magazine: advantages, minimum graphics and reviews. Much more convincing.
It is optimal if the lead capture landing page contains the following elements:
- Title.
- Subtitle.
- Image or videothat will attract attention.
- Registration form(aka lead capture).
- Practical value,it is also a benefit for the visitor. It is important for a person to know what he will receive in exchange for his data. You can offer discounts, useful newsletters, bonuses, etc.
And further:
- Interactive:a small interesting survey, competition.
- Minimum text content.
- Minimum fields to fill out in the form.
- A powerful call to action.
One-page pages for products
Often a landing page is created either for a specific product or for its model. For example, for a new car, a new dish on the menu of a famous cafe or fast food. This is convenient because the attention of a potential buyer is not scattered across the entire range of products.
Before your eyes - only specific advantages, prices, photos and tips on using a specific product.
Example of a one-page page for selling a hoverboard:
In the text, with an example, all the reader’s objections are closed. There is only one call-to-action button, but in the right place - at the end of the landing page, where it should be after such a powerful pitch.
It is optimal if the landing page for one product contains the following elements:
- High-quality photos and videos of the product in action.
- Tips for use.
- Reviews(just not fake ones, readers feel it).
- Call to action buttons.
- Selling text style.
- Product advantages.
One-page website for a service
A landing page for a specific service is created using the same principle - a one-page page is allocated only for it, no additional facts or unnecessary advertising will distract the user’s attention.
The example below shows a landing page for a manicure service in a beauty salon. At the same time, the salon also provides other services (painting, makeup, etc.), but either sections of the site or other one-page pages are allocated for them.
Another example for a beauty salon service page: selling text with a lead capture form and a lucrative offer:
It is optimal if the landing page for the service contains:
- Clear title(readers leave if they don’t immediately understand what service you are offering them).
- Video about the service.
- Social proof.
- Lead capture form.Even if a person is not ready to use the service now, your newsletter can remind him of you when he gets to the right condition.
Multi-page company landing pages
A “classic” landing page is considered to be a one-page site, which is why it is often called a one-page site. But today the niche is very confidently occupied by multi-page websites that serve as the official website for companies.
There are several types of such sites. For example, sites with landing sections at the top. They do not lead to individual pages-sections of the site, but simply transfer the user to the corresponding block within the page.
An example of a bright landing page from the company “The honey”:
If you click on the “Production” menu section, you will be taken to the same page, only lower:
A company’s website may look like a regular landing page, have the same blocks, but at the same time be a completely full-fledged portal with “,” sections, and so on.
Today, such sites very confidently come out on top in terms of frequency of use.
In the example below, there is a one-page website for the Pitaron company, which has a block with a brief description, a list of services, and advantages (as in a typical landing page). But, having selected the “Web-desighn” section, we find ourselves on another landing page, which is “filmed” purely for web design services from the same company.
Let’s look below: the “Web-design” section, which you can go to from the previous landing page
An important difference between landing pages within one multi-page landing page is the use of typical elements (catchy header, pluses, portfolio, contact field and others). And I note that they are unique for each page, although they are created within the same site.
It is optimal if a multi-page landing page contains the following elements:
- Follows the rules:one page – one service or product.
- Less visible side menuinstead of the main menu in its classic form.
- Each page of a multi-page landing pagecontains all the elements of a classic one-page page:USP, offer, benefits, reviews and call to action button.
- Contact list.
Multilanding
Multi-landing pages will help increase the conversion rate of a one-page website several times due to the flexible adjustment of it to the query entered by the user. Geolandings are great for companies that have several branches within the country.
For example, restaurant chains or barbershop chains promote their services using one landing page; there is no need to create a separate one-page page for each city. Automatically replacing the city in the header and changing the contact block will do all the work.
Example of geolanding for a barbershop. Below is a one-page page for those who entered a request with the city of Moscow.
And this is what the hat looks like for Yekaterinburg - only the contacts and the city have changed.
If a company offers the services of a gym, swimming pool, fitness trainers, etc., and the user enters “fitness room in St. Petersburg” in a search engine, then a page only about fitness is generated. All unnecessary data about other services is removed - magic, and that’s all!
In a word, it’s like a geolanding that adapts to the city entered by the user in a search query, only it adapts to the service.
Let's look at examples. A travel company promotes its services using landing pages in which tourist spots change, but the city of Kemerovo does not change.
Depending on the entered request, the dynamic landing page “rebuilds” its content
Not only offers can change in a landing page, as in the example above, but also triggers, a block with contacts, etc.
An example of multi-landing for a network of fitness clubs:
Using examples of pages The apk and footer of the site do not change, but the data on the number of clubs, the map and services of each branch differ, depending on the city specified in the search query.
It is optimal if the multilanding has the following elements:
- Full customization to the client’s request in PS: pictures, offers, calls to action, USP, contacts.
- Adjustment of pop-up windows, subscription forms(if the client has already subscribed to the newsletter, you can offer him something else).
- Only simple elementsto avoid difficulties when replacing content.
Employers today are rarely interested in banal resumes, and if you want to clearly stand out in the eyes of the HR department, and then your bosses, then a landing page in the form of a resume is definitely your option.
Essentially, this type of landing page “sells” your skills. Therefore, it is built according to the same scheme as a one-page selling page for a company or service. The example below shows a mixture of a resume and a business card website. The one-page page contains an “About Me” story, a list of skills, a portfolio, a block with contacts, widgets - a really cool presentation of yourself!
And the example below discusses options for how to design a landing page resume. Convenient icons, skills, education - all this can be presented very conveniently, take note :)
Example of a designer's resume landing page:
An example of a resume feature: a video describing the work process. Presenting yourself in this way creates trust and a sense of professionalism. You can take note.
It is optimal if the resume in the form of a Landing Page contains the following elements:
- Links to profiles on social networks.
- Non-standard content,visualization, own style.
- Photo or video with the page owner.
- Work examples.
- Contacts.
- Reviews.
Landing pages-presentations
Sometimes landing pages are created without timers, triggers or unfounded offers. They are designed to simply present the work of a company or person, and it is most convenient to do this in the form of an interactive landing page. In RuNet, this type of one-page website is not yet very common, but abroad it is already actively used by companies related to design, art, etc.
However, there are already very serious progress in the Russian-language segment. If ordinary multi-page pages can simply be scrolled through and closed, then such a trick will not work with a landing page presentation. They are delaying.
Also, presentation landing pages can be used to describe products or services; the presentation is suitable, for example, for applications that are needed for photo processing. In the example below, the blocks scroll not only down and up, but also to the sides, presenting types of software and examples of processed photos.
Examples of creative landing pages and presentations:
Interesting animation, also stylized like comics. It’s immediately obvious that creative people work here.
It is optimal if the landing page in the form of a presentation contains the following elements:
- Animation.It always attracts attention and makes users stay on the site longer.
- Author's drawings.With their help, you can express individuality and “hook” the site visitor.
- Interactive.Questions, a quest, a little testing - all this arouses interest and motivates viewing.
- Non-standard text.
- Horizontal scrolling.
Wiki landing pages for VK
A colorful one-page page, which opens when you click on the post description, will help you beautifully describe the store, present the service and product, and, of course, increase sales and. And all this allows you to do it.
By the way, Peter Panda was one of the first copywriters in Runet who began writing texts for VKontakte landing pages.
An example of a VK landing page from Peter Panda
One-page website from Panda-copywriting
And an example from the network: the text is divided into short blocks, similar in volume to small posts on VK.
It is optimal if such a Wiki landing page contains the following elements:
- Detailed information about the company, service.
- Larger graphic elementsso as not to burden the reader's eyes.
- Goods(for an online store with a small assortment). Users of social networks do not like to search for products in albums, so it is better to place them on the landing page.
- Short text blocks.
- Photo.Since the landing page is located on a social network, it is necessary for users to see the person who provides them with services or sells goods.
Landing page on the main page
Another leader among landing pages. You need to fit a lot of data on the main page - a short description, a mini-catalog or a description of several products, benefits, perhaps even prices, contacts, widgets. To prevent the reader from getting tired of this array of information, you need to take into account the interactivity of landing pages.
The example below is a Landing Page that even children will like. Therefore, it inspires confidence among parents, who will pay for the show.
In addition to bright colors and photos of happy children, there are several types of scenarios, video reviews, etc. The remaining subsections (“Learn more”, which describes the types of shows, prices, etc.) can no longer be made in the form of a landing page.
And another example of such a landing page:
An example of an excellent bright landing page on the main page:
Excellent design, a minimum of information, which at the same time fully explains what the specialty of this company is. Pay attention to the regalia, they are not on display, but give an idea of the status of the company.
It is optimal if the main page in the form of a Landing Page contains such elements as:
- Simple content -a minimum of useful information about the company or product.
- 1-2 non-aggressive action buttons.
- Key benefits and advantages.
- Contacts.
- Interesting titles, descriptions,drawing the reader in and leading to the desired action (go to the catalog, call, subscribe).
- Lack of text array.
Landing Pages-Games
Such sites will not have a catalog, descriptions of the brand’s advantages, or a block with contacts. They are created for indirect advertising or simply for brand recognition. Cool flash games will definitely be remembered by the user.
If you want to increase confidence in the product or warm up your target audience, take note.
Using the game “Eat the Bomb” as an example, it doesn’t particularly burden the user and is addictive. In addition, this is an unobtrusive advertising ploy by The FWA.
If a user on your site lands on the wrong page, something beautiful, funny, or even playful will definitely make them continue surfing the site.
Offer the user links to other sections of the site. This way he is more likely not to close the page. The examples below show not only cool graphics, but also the ability to go to the home page or other pages of the site in one click.
A trifle, of course, but success is made up of little things!
Example of a great 404 error page: yes the ability to report an error, buttons to go to the site, video.
It is optimal if the 404 page contains the following elements:
- Useful links,the ability to go to the main page of the site.
- Clear and understandable messageabout why the user came to this page.
- Possibility to report a problem.
- Search line,so that the reader does not leave, but still finds what he needs on your site.
- Interactive elements.
Landing Pages – Events
If you want your target audience to know about the event, create a landing page. , event program, etc. it looks very boring if made as a continuous canvas, and even bulleted lists will not help keep the reader’s attention until the end.
You will be able to stir up interest from block to block without losing the reader, show the program and speakers in the form of convenient blocks, emphasizing the advantages with icons. And the “cherry on the cake” will be photos from previous events with animated transitions and other multimedia techniques.
And don’t forget about triggers - a discount for registering before a certain date or for referring a friend will not be superfluous.
Below is an example of a long landing page that provides a lot of concentrated information, so you don’t lose your target audience and they reach the very end of the text.
And another example of a long but correct Landing Page:
Bright design, designed not so much for parents as for children. An excellent motivator slogan: “Flight into space for the price of a movie ticket.” Plus, possible reader objections are covered using the FAQ.
It is optimal if the landing page dedicated to the event contains the following elements:
- Timerwith a countdown to the start of the event.
- Place and timeevents, located in a prominent place.
- Several buttons with a call to action.Or, as an option, a “sticky” CTA button.
- Bright design,reminiscent of posters.
- Contacts,located in a prominent place.
The adjective “selling” is now used in all marketing tools.
And the field of web development is no exception, where we also constantly see catchy phrases in the style of “selling site” or “selling landing page”.
But if we soberly evaluate the ideology of creating a high-quality landing page, we will see that the word “selling” is a set of marketing knowledge in one platform.
Which of them are important and which are dust in the eyes, I will tell you in this material.
Tired of lying
Often my colleagues, after another conversation with a client about a service, say to me an indignant phrase: “Nikita, we are tired of arguing with them. Maybe we can do what they want?”
The thing is that for the average person, a good landing page = a lot of features. And if there are no original solutions on the site, then the site is automatically bad and not selling.
All! It's boiling. Let's put all the dots (I say in a dreamy voice). Let’s define once and for all what a real one-page selling website is, and what nonsense looks like, which only has a name for it.
It will be both interesting and boring, but definitely useful. Let's start with a laconic description of this term.
Selling landing page is a visually designed prototype made on the basis of marketing, copywriting, sales and psychology, with one and for a specific target audience at their level of awareness.
Each word above carries an exorbitant amount of detail, and these are not the tricks that you like to talk about so much.
These are deep ideas that are usually ignored in training because of their dullness and lack of “wow” effect.
But we, like meticulous professors, will analyze each part of the seller separately.
Preparatory part
I would like to immediately write ready-made elements and rules for a selling landing page, but then the article would not be complete and honest.
A high-quality selling landing page is a project that is not only created according to all the rules, but also for which you prepare correctly.
It’s just like when launching a rocket: 50% of success is the correct determination of coordinates. So, what should a selling website be like?
1. One product (goal)
The first thing that determines a landing page that sells is the presence of one and only goal. Why not two, three or more?! It's quite simple.
This is the same if you come to buy a car at the dealership, and in addition to it I will sell you a house on Rublyovka.
And also a subscription to a fitness club and a premium account on a dating site (although with a new car, an expensive house and a toned body, the latter may not be useful to you).
You can now object to the fact that I am exaggerating and no one ever sells everything on one site.
You are partially right, only you see everything with a blurry look. For you, all your services or goods are by default necessary for your client, but in fact, in 9 out of 10 cases (there are exceptions) a person comes for one thing.
I will tell you our sad experience and you will immediately understand everything without ambiguous examples. When we were just starting our careers, we made ourselves a landing page to work in our city.
There were no additional pages, and all services were placed on the main page (screen below).
We were guided by the idea that if a person needs it, he will choose what suits him. And this was our biggest mistake.
Error
The fact is that a person, seeing all these services, can order them from us only if we were recommended to him or he is a complete “fool”.
Because it’s like buying a pig in a poke. No additional information, benefits or answers to questions.
And a pop-up window is not the solution here; it is too little to effectively convey information and close all objections.
For a long time now, we have had a separate landing page for each service, where a person gets from the route page.
Therefore, when you make a website, clearly define what product you are doing it for. And also periodically change the word “Product” to “Goal”.
After all, it’s one thing to sell straight away, but another thing to close it at first (for example, calculating the cost), and only then sell it. It’s also often not a good idea to mix goals.
2. Target audience
According to my internal calculations, this is the 200th mention on our blog about the target audience.
But now we will look at this with an example and start with the fact that you must know your customers.
Moreover, there is a very big difference between who is buying from you now and who you want to see as your customers.
Having a list of potential clients in your head (preferably on paper), you need to decide for whom exactly you will make your website.
It is quite possible to combine several audiences into one. But in order to understand for sure whether this is possible or not, you need to determine their selection criteria, needs and fears. The diagram will look something like this.
The target audience Since in this material we are not learning how to create a selling landing page, but first of all we are understanding what a selling landing page is, I will show you using the example of selection criteria that all people are different.
To do this, imagine that you are selling a nano-simulator for weight loss. Offhand, your potential clients are all overweight people. But I have a question for you: are they similar in their selection criteria?
I hope you answered no. All people are different, as are their selection criteria. One is ready to pay any amount of money just to get a guaranteed result.
Another will buy only what does not take up much free time. And the third one doesn’t see anything other than low cost. This list goes on and on.
And even in such narrow niches, such as building houses from timber, everyone also has different criteria (for better understanding, watch the video below).
3. Level of awareness
This topic is already more difficult to understand, especially aurally. Therefore, you are lucky that you are reading and not listening on the phone to how our managers talk about levels of awareness.
The point is that each person is at a different level of perception of the problem and solution.
In marketing, this strange approach is called “”. But I won’t burden you with clever terms, but will simply show you with an example how it works.
And to do this, compare three identical and at the same time different queries in the Yandex or Google search bar:
- What to build a low-rise house from?
- Brick or log in house construction?
- Construction of low-rise brick houses
All these requests relate to low-rise construction and all of them, in theory, are potential clients for construction firms.
But! The bottom line is that the first one has a complete lack of understanding of what a house is being built from, the second one is faced with the question of which solution to choose, and the third one is already purposefully looking for where to order a specific house.
For you when developing, this means that in all cases there will be different texts and images on it.
For example, for the second type of requests, you first show why building a house from brick is better than from a log house (if you are building on a brick basis), and only then sell it.
In the third type of request, you, without long declarations of love, immediately offer your solution and largely focus on the benefits of your company compared to competitors.
In everyday use, many people call awareness levels the temperature of traffic. It is divided into hot, warm and cold.
The most favorite ones for everyone are the hot ones, that is, those people who want to buy right here and now.
But I will try to write a short summary. The selling site, in parallel with the analysis of competitors, must go through the process of briefing the client.
In which, with the help of a special series of questions, everything that has accumulated and everything that directly affects the client’s decision-making is drawn out. After which all these meanings are distributed and create the skeleton of the site.
I won’t hide it either and say that all agencies conduct a client briefing by default.
But, as usual, I’ll reveal one more secret that makes a site selling. The briefing is conducted orally.
A piece of paper will not be able to reveal the full depth when a person during communication can ask clarifying questions and lead in the right direction.
This briefing takes 1-2 hours. And since I’m showing all the cards, then get ready for the fact that if your company is new or there is nothing in it, then the “packer of meanings” simply will not be able to take anything and the site will definitely NOT sell.
Of course, at the end of the day you will blame the site or the contractor for everything, but in reality, the whole point will be in the absence of your developments, benefits and features.
Important. A marketing agency offers additional benefits and solutions, but, as a rule, all of them do not change the situation globally.
To truly develop your packaging strategy and tactics, you need to conduct an in-depth analysis of competitors, and as you remember, this costs other money and takes other time.
Implementation
After you have done the preparatory work (the main work is written above), the correct structure will automatically be formed and you can safely begin stretching the frame.
It is based on marketing, sales, design and psychology. I won’t cleverly break down these areas; I’ll show the main points so as not to complicate the material.
1. Offer
As soon as a person lands on the site, the first thing he sees is your offer. In simple terms, this is your offer with the main benefits.
The main offer can be of 4 levels. The distinctive difference is immediately visible in the examples.
The first level is when you simply write “Car rental in Moscow”.
The second level sounds more interesting - “Car rental in Moscow. Premium vehicle fleet.”
The third level is very difficult for many and is based on the result - “Rent premium cars in Moscow. Single copies will attract thousands of eyes from just 5,000 rubles a day.”
Can this be called an ideal proposal? Of course not. I came up with it in 2 minutes for this article.
But you get the point and notice how different the title on the first screen can be. Therefore, by default we try to reach 3, or even better, 4 offer levels.
Although, to my surprise, I saw great results on level 1 and 2 offers, but these are rather exceptions or a very well-thought-out strategy.
To create your offer, you need to understand your business very well and understand your customers.
To make your life easier (that’s why we are here), I recommend reading our article on this topic.
Better yet, don’t just read, but immediately create and post your results in the comments.
WE ARE ALREADY MORE THAN 29,000 people.
TURN ON
2.
The selling power of a landing page is also created by a text master (copywriter). He does this on the basis of a prototype received from a marketer, which reflects all the meanings identified at the packaging stage.
This process is labor-intensive and is much more important than design. I'm sure I surprised you a little now.
But this is the complete truth. A scary site with good text will do the trick. And bad texts on a beautiful design will lose a client.
Good text is undervalued and this is noticeable in all the actions of the client, who pays more attention to design.
But if you want to get a high-quality landing page, you need to be very careful about headings and texts.
Most likely, you won’t be able to do this yourself, since this is an entire art that you need to learn and then get better at.
In addition to everything, I will give you the basic rules for copywriting on websites so that you can at least approximately determine how good the work in front of you is.
They are not reinforced concrete, there are exceptions to everything, but if several points are violated at once, then you should think about the quality.
- Not a trivial title. If you see the headline “Why choose us?”, “About us” or another hackneyed version that is used on dozens of other sites, then run as fast as you can.
Sites with banal eyeliners indicate their absolute inferiority compared to any other site.
- You are the approach. The more headlines and texts on a site that begin with the word “WE,” the worse the site.
It is much more important for the client that they talk about him and for him, and only then he reads about your loved ones.
- Simple language. If the consumer does not understand anything about what is written on the landing page or comes across unfamiliar words.
In this case, this means the site also needs to be improved, because you need to speak a language that is accessible to the client, and not to you.
- On business. A one-page website should not have text for the sake of text, even if it is created for SEO.
If you can remove this text from the site and nothing will change, then you need to cut and shorten it.
- Specifics. Also hackneyed phrases from the series “Individual approach”, “Flexible system of discounts”, “High quality” are a stigma.
The only thing is that this is allowed when the revealing text is 100% specific, and this phrase is only a summary or headline.
As a separate point, I would like to make such a criterion as “Handling objections.” It is implemented throughout the site in all text elements.
Namely, all typical objections of the client at the level of his awareness must be worked out throughout the entire site.
It’s quite easy to check this; you collect a list of all objections from the selected target audience and then look to see if they all have answers.
Clever idea. The selling site covers all objections, evokes emotions and argues that you need to buy from us.
3. Design
A beautiful website does not always equal a selling website. You need to remember this forever. In your material