Cocktail vintage and innovation: retro style in web design
Once I wrote in a blog about retro style for the Internet, or rather I just published a very interesting selection of retro website designs. Now let's add a bit…

Continue reading →

Jacob Nielsen - renowned usability specialist
I decided to slightly dilute the publication with all sorts of pictures and materials for downloading a very interesting article about one well-known in narrow (and not so) person circles.…

Continue reading →

Design in the browser for beginners
Read it! It will be quite enough to begin. Make your first, most likely clumsy site. Go back and read again. Correct errors. Repeat. No, you probably do not want…

Continue reading →

How to make a perfect landing page

There is nothing more exciting in the work on the site than when all the experts combine their own efforts to make a new perfect landing page or home page of a web project. Designers, illustrators, marketers, programmers, and even the department of strategic management all work as a team. In the course of development, some details on SEO are added, the strategy of attracting customers is optimized, icons are invented, etc.

Today we want to share tips on creating landing page, which will certainly be useful in solving this problem. This article is a translation of this note. Yes, and in general there are quite a lot of useful resources on the network: in the blog we already wrote about the OnePageLove and Land Book services, where you can get acquainted with the best examples of designs in a niche, there is also a publication about landing pages optimization and many others.

However, here we will tell and show how best to find suitable sites for inspiration when developing a landing page, and then apply all the best in your projects.

Think what a serious task you are trying to accomplish? – and this should relate to branding, and not the development and improvement of products. Think big!

That is, instead of a straightforward approach:

“Pug owners who use special retractable leashes consider them too long for a cafe.”

Try something like:

“Makes you feel comfortable in new places.”

After such a radical change in thinking, you will stop combing the sites of “Goods for Animals” stores, and move your eyes to the AirBnb online platform for finding and renting accommodation around the world.

Example number 2. Suppose your company is trying to solve the problem of the lack of a common means of communication between developers, designers and business. If we consider this area, then the leading projects with similar aspirations and goals will be: Airtable, Intercom and Slack.

Common goals
All these companies have extensive experience working with a wide audience in terms of finding new ways to demonstrate existing offers. They try to attract the attention of users with the help of an effective visual component and a bright color palette, as well as the creators of this site.

NEW TRENDS IN THE DESIGN LANDING PAGE
Coming back from the futuristic 2018 a year or two ago, the design trends with full-screen images and autoplay video that was popular at that time are immediately recalled.

Slack corporate messenger, who developed a messaging application, chose a photo of the rover as the main image for the design of the landing page.

Landing page design
Or, for example, a solution from Airtable: is it possible to find something more attractive than an interactive database? – yes, these are children using an interactive database.

TRAINING ON THE EXAMPLE OF SUCCESSFUL SITES
What makes the landing page perfect? A simple formula or a definite answer, unfortunately, does not exist. However, based on the above three options, we can say with confidence – these companies have a team of talented designers who constantly improve the appearance of projects, as well as specialists to attract customers who optimize the site’s work.

Let’s look at four main elements that are displayed in the upper (visible) part of the page and form the main impression of the user.

Perfect landing page
1. UNIT HEDER
For landing pages, the site header design may differ from classic corporate and other web projects.

Heder Landing
The main observations on the header:

It is very attractive and voluminous.
Remains at the very top of the screen (except Intercom – there is a fixed menu when scrolling).
5-6 references.
There is an element for a call to action (CTA). The best option for Intercom is that the CTA button is combined with a request to enter an email address.

How to overcome the creative crisis of designers?
Today we have another guest post from Evgeny Ignashov, who represents the project Candysign: creating websites, icons, networking, programming. Are these lines read by creative people or those who identify…

...

The difference between UI and UX: a practical example
Home »Web Design» Usability »The Difference Between UI and UX - Examples from Usability Specialist The difference between UI and UX: a practical example Comparison of UI and UX Today…

...

Web design where to start - how to become a web designer yourself and start a successful career
Want to learn how to become a web designer yourself? Or maybe you already have several of your designs, and you would like to bring your skills to a new…

...

Web design where to start - how to become a web designer yourself and start a successful career
Want to learn how to become a web designer yourself? Or maybe you already have several of your designs, and you would like to bring your skills to a new…

...