Brand Website design process sharing

Project background: Last December 19, "Free basketball" national public Survey, for the promotion of the game to achieve better publicity results, the company to the F (X) Portfolio image endorsement. The project includes the F (X) Brand station, the official website Super First image page, media ads template, such as the entire set of visual settings of the output.

Project Phase analysis: Brand station from the time period is divided into 2 parts, the spokesperson conjecture period (11.27-12.3) + official announcement of the group (12.4) was informed that the contract with SMTown on December 1 before the entry into force, in order to avoid copyright disputes, before preheating the page must not appear any F (x) members of the picture Therefore, how to use limited resources to complete visual manuscript is a difficult problem for designers.

Style planning and design thinking: Before the start of the project, consider three points of core to request 1. Highlight the original characteristics of girls ' groups, so that players in the first time by their visual settings attracted to take full advantage of the star effect. 2. Combining the girls ' groups with the elements of the game product to deepen the player's perception of the game, entertainment and propaganda complement each other 3. Pre-preheating station to give a certain hint of the mystery, and the official announcement station formed a strong contrast.

Some of the previous collation of the relevant web site reference, the occurrence of the high frequency of pink is common, which determines the theme of the color of the keynote station.

Composition of site elements

Color set with the Game 5 major professional logo color one by one echoes. PS:SM Economic company has strict rules on the use of its star material, such as the material can not be processed two times, the star's figure must be exposed to the full head + upper shoulder.

Font design:

Pre-preheating title is "My Freedom who endorsement", the idea of basic strokes, the font you want to make refactoring, and finally adjust the details to achieve the unity of the form God. It's not hard to do fonts, just enough patience.

Published version of the title "3v3 Fight Up" is the early event of a big headline, this time the overall sense of its vectorization, and can meet the output of various sizes of promotional materials. So you can design universal components as much as possible to make vector graphics.

Overall effect preview:

Http://events.tiancity.com/freestyle/newsgift/homepage

Preheat guess stand girl silhouette is on the internet casually looking for, the net piece uses "Polygon Picture making tool".

Official announcement Station

Super Head and other external advertising graphic element

Top and outside advertising the main color of the major colors based on the needs of the market to unify the yellow, which is different from the brand station.

17173 Banner Advertising Bar

External Advertising Guide Page The main purpose of this registration page is "Download", so the biggest and most prominent download button

Official website Element Application

Unfortunately, because 360 browser compatibility issues (browser running will be very card), the front-end colleagues to make the dynamic effect just on the line to withdraw (later Baidu data found that 360 of the user ratio of browsers is actually very small).