Website Design Analysis: International QQ New Edition official website project Summary

　　Project background:

International QQ Official website is the main site to publicize the international QQ brand, download the important entrance of international QQ. The old version of the International QQ website more inclined to a portal class site, focus on providing relevant news information, interactive community, group recommendations and other basic services, but for the product itself, brand promotion and download services to provide less layout. Although the site provides related social services can improve product activity, but because of the international QQ user groups and QQ user groups exist a great difference, a large part of the use of international QQ users have not used QQ, for the product itself is not even functional use is very familiar. And the new version of the International QQ official website's main goal is to promote and promote the international QQ brand, appropriate to join the right amount of social services. Reduce the site's later operating pressure, strengthen the brand style, and the old version of the overall visual style of the official website has been relatively outdated. In this context, it is necessary to the international QQ website a major revision.

　　Website structure and content adjustment:

The old version of the official website for operational considerations, joined a lot of Third-party Web site links and news information and so on, resulting in the entire international QQ website did not very good to explain the product itself, at the same time the operation of information to the relatively small international version of the team brought great pressure. Based on this question, we make the following adjustments to the new framework:

page tab According to the content of the adjustment, new tab is divided into download,feature,explore,help several large categories, remove Events,lifestyle,web directory, such as operations such as layout, Only part of the third party service is provided in explore.

Modular overall page layout and content, to promote responsive web design, so that in different equipment and environment can better browse the international official website, to achieve mobile end and PC-side one-stop seamless experience.

　　Site design positioning:

The new version of the website will be relocated to adjust the site, more to let users understand what is international QQ, more convenient to find the download entrance, so as to convey the sense of international QQ quality. Secondly, the design direction will make a big change. Before the old version of the official website is too instrumental, the revision will add more emotional elements, through the emotional design to better convey the thrust of our products.

　　Interactive & visual Design:

　　Interactive design:

The main difficulty of interactive design this time is to design the page layout of the website structure adjustment, and the homepage is difficult. Home this time, in addition to showing 6 function points, also want to show part of explore information, this will cause the homepage page too long, for user browsing is not a very good experience, finally after and product discussion, decided to divide the function point into 3 categories, through the Hierarchical tab form to show the function point. and explore only show relatively popular 3 categories, horizontal display at the bottom. To show the main function point, explore to the back of the page to maintain the primary and secondary.

　　Visual style:

Do the website visual style setting must consider good overall direction, first of all must conform to the bearing product temperament, but also must consider the late page to achieve the technical requirements and time cost. Because considering the international QQ itself product positioning, compared to QQ, removed a lot of such as microblogging, friends network and other social operation services, basically only to keep a chat-oriented product framework, the main focus on foreign users, so the product style atmosphere, concise. The visual style decided to adopt the recent more popular flat wind, not only can make the website overall visual style clearer concise, at the same time vectorization graph also can better cooperate with responsive the Response Style Web page style realization.

　　Home visual Design:

The first screen of the homepage plays an important role in the style display and product positioning of the whole website. This attempt to use three different scenes banner as the main display elements, respectively, is to show the international QQ in the "Friends, family, work," the use of state. Friends of the carefree exchange, the warmth of the family dialogue, the work of seamless communication all embodies the international QQ "boundless world, boundless Chat" product positioning, emotional elements can also capture the attention of users, to provide site conversion rate at the same time also enrich the product level.

And the new version of the official home page presents another important information is 6 feature function points. For the function point display, the traditional product class website basically is the product screenshot to explain, the revision of the use of illustrations combined with the relevant interface elements to interpret six function points, not only can well interpret product features, while vectorization image amplification will not have the quality of loss, to better adapt to the response-type web site multi-platform implementation, Reduce visual modification costs.

　　Download page Design:

The old version of the website due to the relationship between product development, only provide a desktop client download area. Along with the international QQ product line unceasingly Rich, must provide the multi module downloading area to satisfy the product demand. Download page with the top tab switching mode for users to choose different platforms international QQ products download. The top will be the location of the page hint, while the use of dark background to do the bottom and home banner coordination, so that users from the homepage to the download page to maintain visual connectivity.

　　User feedback and results:

International QQ new version of the website after the revision, the overall design of the site, orientation, product downloads and other aspects have been promoted. Website since August 20 on the line since the total number of visits increased 20%, the international QQ products on the mainland to increase the number of downloads twice times (Hong Kong is 6 times times) effective for the international QQ products and brands for publicity.

Please visit the International QQ website to learn more: http://www.imqq.com/

Thank you for your reading, this article by Tencent Isux Copyright, reprint, please specify the source, the offender will investigate, thank you for your cooperation.

Annotated source format: Tencent Isux (http://isux.tencent.com/qq-international-web-design.html)