How to provide FAW Jiefang with a unique and novel enterprise portal? How to display all kinds of products of FAW Jiefang brands? How to provide a comprehensive statistical analysis system for enterprises?How to provide FAW Jiefang with a unique and novel enterprise portal? How to display all kinds of products of FAW Jiefang brands? How to provide a comprehensive statistical analysis system for enterprises?How to provide FAW Jiefang with a unique and novel enterprise portal? How to display all kinds of products of FAW Jiefang brands? How to provide a comprehensive statistical analysis system for enterprises?

FAW Jiefang Automobile Co., Ltd. expects to comprehensively improve the overall design and brand image of the official website, strengthen marketing and service, function friendly and easy to use, give consideration to both PC end and mobile end, strengthen platform promotion, and conform to the principles and concepts of modern official website design through the implementation of the portal website project.

Based on the currently included (but not limited to) navigation architecture, we will rearrange it, and at the same time, we will add the main necessary sections and elements of the official website of each automobile manufacturer, including but not limited to: friendship links, legal statements, website maps, environmental information disclosure, website filing, official micro official blog two-dimensional code, social responsibility and other basic elements. Accurately and clearly classify, integrate, delete, add and change the name of the navigation architecture. The layout is simple, grand and novel, which gives visitors a good first impression and highlights the brand image of FAW Jiefang.

L the new website is consistent with the overall VI design style of FAW Jiefang. Drawing on the style of win10, the flat design style is adopted for the design. The overall feeling of the website page is simple, beautiful, fashionable, atmospheric and eye-catching. The hierarchical inheritance design is used to unify the main style of the website. The overall coordination of the website is emphasized, and the style is fashionable and distinct.

L layout design, color matching, font selection, UI button design and other designs have impact, both modern and international, as well as the characteristics of "rooted in the local, grow together".

The UI interaction design of the website reflects the most cutting-edge Internet design concept and interaction mode, and the system interface meets the UI standard of FAW liberation.

1.1Comprehensive visual comparison and selection of vehicle models

The front end of the website provides a full range of visual comparison and screening services for models. Netizens can check several models and view 360 & deg; photos, model parameters comparison and other comprehensive comparison services for related models through comparison and screening. As shown in the figure below:

Model selection and comparison diagram

1.2360 degree car watching

　　360° car watching, panorama, as the name implies, is a real 360 degree omni-directional car image that gives people a three-dimensional feeling. The three major features of this image are:

1）All: it shows all the scenes in a 360 degree sphere in an all-round way; you can use the left mouse button to hold and drag in the example to watch all directions of the scene;

2）Scene: real scene, real scene, and three-dimensional real scene are mostly the images based on the photos, which retain the authenticity of the scene to the maximum extent;

3）360：The 360 degree panoramic effect, although the photos are all flat, can give people a three-dimensional sense of space and make the viewers feel like they are in it.

Visitors can click the appearance, interior, space, details and other options to switch the viewing scene of the car, so as to achieve 360 ° panoramic view on demand.

1.2.1Front end map query and navigation

Use Baidu free map to manage the electronic map of FAW Jiefang's dealers, service providers and spare parts center, and support the expansion and display of the basic information of outlets, including but not limited to: address and contact number of outlets, etc., so as to realize the route planning function. Customers can input the location and name of outlets to plan bus, self driving routes, peripheral search and other navigation services. The schematic diagram is as follows:

Front end map query diagram

1.3Product display

Our company will reorganize and optimize the product exhibition hall and model spectrum display page according to the existing products on FAW liberation official website. Improve the product publicity effect and enhance the overall image of FAW liberation.