Design of "door"-web-end landing page in Web page

The login page is the entrance of the user into the site, just as we enter the home, into the company's "door."

Imagine that we are in an environment surrounded by doors, we will choose which door to push away? Where does this door appeal to us? Can we find the handle to this door exactly?

In fact, these problems also apply to the login page, for the landing page, whether there is enough charm to let users in the process does not feel irritable, whether can accurately distinguish the information to be filled out (such as: is to fill in the user name or telephone, fast switch button where, etc.), whether can accurately find the login or registration button, The visual hierarchy and interaction of these elements directly affect the experience of the entire page.

Elements of the login page

As shown in the figure above, the general login page will contain the above 5 important elements: LOGO, landing box, advertising map, help Center, the bottom of the navigation.

In these five elements, the logo and the login box are essential two important elements. Logo embodies the brand of the product, login box is the user to enter the final intent of this page. The logo and the landing box have formed the simplest login page. With the improvement of the user experience has been the emotional design, advertising graphics, help center and the bottom of the navigation is gradually reflected in the login page.

The style of the login page

1. Embody brand category

This type of login page is mostly made up of two elements of logo and landing box, the page texture is stronger, the operation is relatively strong, the user in such landing page can complete fill and login quickly, at the same time also can the product brand at a glance, the entire page presents a more rational design, without any visual interference.

If the hard to say there is interference, may interfere with the object is the designers, designers of high quality design have a very keen observation, the page design details (such as gradients, shadows, highlights, etc.) may allow designers to stop to observe a short period of time, and then quickly complete registration.

2. Has the interesting design

When this style of landing page is displayed in front of the user, the user's first visual center is often the picture, followed by the login box. However, these advertising maps also convey a good message about the product, such as: Brand (what product), nature (this product is used for what), or convey a festive atmosphere (Spring Festival, National Day, etc.).

Although the first visual center is not on the login box, but these ads are very good interpretation of the meaning of the product, deepened the user's understanding of this product, at the same time, these ads are more interesting, although it is advertising, but it will not make users feel disgusted.

There is a similar advertising map, advertising itself and this product relationship is not large, the content of these graphs more really show a mood, an emotion, such as memories, visions, fantasies, fairy tales, can let users into a mood, resonate.

3. Scenario Class

This full background of the landing page, with a large background image to contrast with the situation, in the login box design, feel more relaxed. More suitable for use in personal space, blog and other products.

The implication of the advertising map

Synthesizing these types of advertising maps, in fact, are in the expression of four kinds of moral: brand propaganda, related advertising, situational design and festivals related.

Login page Advertising map changes, many times have witnessed the product from the promotion of "product brand" to promote the "product concept" of a transition. In the first stage of the promotion of brand, often with straightforward product characteristics for the promotion point, with the operation of the product, the second stage will be packaged on the product characteristics, combining the interesting design language, so that the characteristics of the product contains some moral, in the next stage, will be integrated more and more emotional design, emotional text, Can enable users to understand the brand at the same time, but also deepen the understanding of product concepts.

Reprint please indicate "Baidu Mux"