Visual Guideline
Style guides (or brand bibles) contain all the necessary information to create whatever your company needs. Whether it be a website, advertisement, internal memo, or whatever else, this little document will make your life a breeze.
Overview
During the days in iStaging, I noticed that we didn't have a united guideline for our products. From font size, icons, color types, to gradient usage, there wasn't a visual guideline for us designers to follow, which had led to the inconsistency in our UI and EDMs.
When I talked about this problem with co-workers and our design team, they agreed that we should build a visual guideline first, so that the whole design team can follow this to build UI guideline for each products. Since we didn't have any experience building an official guideline, I decided to create one based on other visual guideline of other apps.
Time
10/2021 - 11/2021
Role
Researcher, Visual Designer
Design Guideline
As the lead designer of the guideline project, I researched the official guideline of Messenger from Meta, since we share a similar ultraviolet gradient style. Based on the file, I came up with this brand visual guidelines and has practiced through the whole company design. After several discussion with the whole design team, we have made it happen! Brand Visual Guideline is shown as below.
Takeaway
My biggest takeaway from this project, apart from sharpening my design techniques, was the taste of trying new things. I gained hands-on experience about how to build an official guideline and make rapid progress in a design team.