How to make a color palette for the site and not only
In Design Mania, there were already several publications with a similar theme: in a note about color matching services for websites, besides inspiration resources, we looked at a couple of…

Continue reading →

7 popular typography trends in web site design
Typography is the style, location and appearance of printed letters / texts on a page. Currently, it has already become an integral element of web design. A lot of interesting…

Continue reading →

The development of the Internet today has reached such a level that virtually any phenomenon of our offline world is reflected in the online. In order for your personal representation…

Continue reading →

Stages of creating a Landing Page

A few years ago, selling something over the Internet was difficult. Today, at the disposal of marketers a colossal arsenal of technologies and technology tools. Landing is one of them. This is an effective and therefore common way of distributing your goods and services with a small initial investment. This is a landing page or landing page whose purpose is to encourage the visitor to take the next step in the sales funnel.

Development landing page is that in this matter every detail is important. Even the wrong button color, too small or too large font, incorrectly formulated call to action, and so on can reduce the effectiveness of the page.

To take into account all the nuances and provide the customer with a page that will convert visitors into buyers or subscribers, well-coordinated work of a team of copywriters, designers, web designers and marketers is needed. This requirement can be met only by formalizing the process, breaking it down into stages. On how to create effective landing pages and will be discussed in this material.

Landing page prototyping

You need to understand that a landing page is primarily a selling page. Its effectiveness can always be calculated in monetary terms. Its goal is to sell or attract potential customers to make a deal in the future. That is why, at the prototyping stage, a thorough analysis is carried out:
company product;
target audience;
the level of competition;
seasonality of the market and not only.
This requires the participation of the customer. Only he can provide information that will help to draw correct conclusions in a short time and without an unnecessary increase in the project budget. The customer also provides the company logo, basic information about its activities.

Writing selling text

Let’s draw an analogy with a restaurant. In any decent catering establishment there is a chef. He practically does not cook, but is a carrier and author of ideas about what should be a particular dish to taste, serve, cost and cooking time.

When developing a landing, the role of a chef is being tried on by a copywriter – the author of the text that will be posted on the page. This is the most important element of the landing page, because it conveys to the reader the main share of commercial information that is important for making the desired decision.

writes the text;
designs the location of auxiliary graphic elements;
forms the overall logic of the page.
The result of his work should be a prototype – a schematic representation of the future site, which gives a clear idea of ​​how it will look, work and sell. The optimal design for familiarization with all the above information is already chosen by the designer.

However, before you submit a prototype to it for development, the result of the copywriter’s work needs to be agreed with the client. This is important, since at this stage the time and financial cost of making edits is minimal.

Design and layout design

Continuing the analogy with the restaurant, we can say that the design of the landing page is the design of the hall, which should create a favorable atmosphere for eating. And in the case of catering, and in the case of the development of the landing page, it is necessary to build on the characteristics of the target audience.

The designer must understand the customer’s preferences of the customer’s company, their lifestyle, related interests, behavior patterns and more. All this will help you choose the right color palette, illustrations, highlight the most important blocks and highlight additional information.

After completion of the design, another round of negotiations with the customer is held. However, usually there are no global edits: most often they are asked to change or edit illustrations, swap blocks, etc.

Further, depending on the complexity of the landing page, a frontend developer or layout designer is involved in the work. These specialists face the same task: to turn the layout provided by the designer into HTML, CSS and JavaScript code. There are three criteria for the quality of their work:
code compliance with standards;
site loading speed;
the same page display in different browsers and on different devices.
After the layout stage is completed, the site is uploaded to the test or real hosting to continue working on it.

Connecting analytics counters

The main criterion for landing quality is the conversion rate of visitors into buyers or subscribers. In order for the customer to be able to quickly track this indicator, analyze it and optimize, analytics counters are connected to the site. Good practice is to use Yandex and Google services for this.

Google Analytics is a powerful analytical tool that allows you to thoroughly examine website visitors and their behavior on it. However, it is not perfect. For example, if the task is to understand at what stage of familiarization with the page, users most often leave it.

The role of photography in web design
Very often, the success of a website is directly related to high-quality photography. This applies to absolutely any orientation - whether it be a shoe catalog or a site for…


Stages of creating a Landing Page
A few years ago, selling something over the Internet was difficult. Today, at the disposal of marketers a colossal arsenal of technologies and technology tools. Landing is one of them.…


10 trends and trends logos
Last year's post about trends in logos 2017 was well received by readers, so we decided to continue this “tradition” and consider the main trends in logo design 2018. Despite…


Using textures in web design
What is the easiest, correct, and sometimes the only possible way to create the illusion of the relief of an element (object) in web design (as well as in 2D…