How to design website homepage to attract customers' attention?

As the first time a customer enters a website, the home page of the website can be an important point for the customer to have a good impression of the website image and website strength. At present, the home page can reach more than 80% of the website optimization target page, which means that when a stranger enters a website, 80% of the time it is the home page of the website, First impressions play an important role in attracting customers, so Build website It is very important to design a commendable home page. So, how can you design a website home page to attract customers?

At present, the design of website home page has been diversified. The advantage of this is that it can fully meet the needs of different websites. To sum up, there are six common schemes for website home page design.

Use photos as background

Website background is a difficult item to decide. For traditional industries, directly using a photo as the website background is like letting users directly enter the enterprise gate. This can not only form a strong resonance, but also form an organic combination of online and offline.

It is common to use the website background as the home page in some tourism websites. If a tourist attraction takes the best tourist attraction as the background of the home page, the effect will burst out immediately; At the same time, for some urban community websites, city photos or community photos are used as the background, which also gives people the feeling of being on the spot, and draws close the relationship with the website.

(Home page design of Shangpin China)

Color block design

Color block, as its name implies, is composed of colors and geometric shapes. It is a visual shape with certain functionality, and has a variety of shapes, including rectangle, triangle, circle or other irregular shapes.

The use of color blocks in format design can be described as diverse, covering a wide range, whether it is poster design, album design, publicity fold design, etc. In many cases, color block design will often achieve unexpected results for the website.

The homepage adopts color block design. These blocks are either solid color blocks with text, or square photos with text. Different color blocks are put together to form a strong contrast, which is easy to arouse users' visual interest, and then continue to explore.

Focus on simplicity

Since the rise of mobile Internet, Website Design From complexity to simplicity, simple rather than simple, complex websites can be large to cover up some shortcomings. After eliminating the false and retaining the true, websites must show the best side to users. The purpose of minimalist design is to simplify by integrating or deleting redundant pages, and only give users what they need. The minimalist design usually uses large bold fonts and super large pictures to clearly convey the important things.

The focus is simple, without saying much, and goes straight to the theme. Although this is difficult for website optimization, the effect can be seen through some websites, such as a taxi hailing software, maps, pricing, and contact information. If these functions are well done, users can be satisfied. The design of the website should also be so simple.

Responsive design

Responsive website design is a kind of web page design layout. Its idea is to focus on creating the image layout size of the page, and intelligently make the corresponding layout according to the user's behavior and the device environment used.

With more and more mobile phones and tablet devices entering people's lives, people have more devices to visit websites. How can users access websites smoothly on different devices? Responsive design has also become a force that cannot be ignored in current website development. A web page that can adapt to any device is great. Responsive design can ensure that users can browse content as you want, whether on mobile devices or on PCs.

Responsive website design is generally used in the situation of three networks in one, which is the demand of the times. If a website lacks flexibility, then in its optimization and promotion, it will encounter many obstacles. Keeping pace with the times is the most clear choice.

Parallax Scrolling

The parallax scrolling design allows the homepage to catch the user's eye from the beginning, and the parallax scrolling page is undoubtedly very effective now. Because the parallax effect makes the moving speed of the background image lower than the content in the foreground, resulting in depth and immersion. When your website wants to tell a story in a smooth and linear way, the combination of full screen scrolling and parallax effect can create a completely immersive browsing experience.

Parallax rolling is to make the multi-layer background move at different speeds to form a moving parallax 3D effect. As more and more browsers increase their support for parallax, this technology is likely to become more popular. Parallax scrolling may be a major direction of website design in the future. At present, for some technical reasons, not all users like this relatively avant-garde home page design.

The above are five common schemes designed for the home page of Shangpin China's recommendation website. For different industries and products, you can choose a main direction according to your own preferences, as well as the characteristics of the industry and products, so that the product and website can be organically integrated to attract users and increase the user experience!