14/6/2023 - 28/6/2023 / Week 11 - Week 13
Trinity Wong Ka Yi / 0348778
Brand Corporate Identity / Bachelor of Design in Creative Media / Taylor's University
Task 4 - Brand Guidelines
__________________________________________________________________
LECTURES
INSTRUCTIONS
TASKS
E-book Draft
WEEK 11
This week, I started by creating the document and started transferring the information from Brand Positioning into the pages for Brand Guidelines.
Fig 1.1 Draft pages on Week 11.
Fig 1.2 - 1.5 Draft layout for chapter page, brand profile page and visual guideline page.
Fig 1.1 Draft pages on Week 11.
Fig 1.2 - 1.5 Draft layout for chapter page, brand profile page and visual guideline page.
Layout References
WEEK 12
As I was not actualy satisfied with my layout, I decided to look up some reference on Pinterest. The two below are the ones I ended up referencing from.
Fig 1.6 Mikasa Brand Guidelines by Ruby Bacanovic from Dribbble.
Fig 1.7 Feeld by Two Times Elliott from Behance.
WEEK 12
As I was not actualy satisfied with my layout, I decided to look up some reference on Pinterest. The two below are the ones I ended up referencing from.
Fig 1.6 Mikasa Brand Guidelines by Ruby Bacanovic from Dribbble.
E-book Draft 2
Navigation
When deciding how to design my naviagtion, I wanted to add some brand element to it while keeping it out of the way of the layout. Hence, I decided to put it at the bottom of the page so it would not obstruct the content. I also decided to keep it simple so it was just the text and the ribbon element to act as a divider and a decoration. For the interaction, I also decided to keep it simple (as my brand says) so only the colour of the text will change when hovered on.
Fig 1.8 Final navigation.
Layout
After referring to the examples I got from Pinterest, I decided to switch up my layout and margins to compensate for the new navigation. By increasing the number of columns from 6 to 12, it led to better flexibility in arranging the text boxes and content. The added flexibility also meant that more orphans could be avoided within the text box. The text colour was also changed from black to Beliberi's vermillion colour to further embrace the brand identity.
Fig 1.9 Updated margins and columns.
By changing the chapter page layout, it allowed me to fit the navigation in it as well as the sub-chapters that would later on become buttons. Visuals were also added this time around. I found most of the photos on Pexels, a website that allows people to download high quality images without copyright for free.
Fig 1.10 Page 6 of updated Brand Positioning slides.
Navigation
When deciding how to design my naviagtion, I wanted to add some brand element to it while keeping it out of the way of the layout. Hence, I decided to put it at the bottom of the page so it would not obstruct the content. I also decided to keep it simple so it was just the text and the ribbon element to act as a divider and a decoration. For the interaction, I also decided to keep it simple (as my brand says) so only the colour of the text will change when hovered on.
Fig 1.8 Final navigation.
Layout
After referring to the examples I got from Pinterest, I decided to switch up my layout and margins to compensate for the new navigation. By increasing the number of columns from 6 to 12, it led to better flexibility in arranging the text boxes and content. The added flexibility also meant that more orphans could be avoided within the text box. The text colour was also changed from black to Beliberi's vermillion colour to further embrace the brand identity.
Fig 1.9 Updated margins and columns.
By changing the chapter page layout, it allowed me to fit the navigation in it as well as the sub-chapters that would later on become buttons. Visuals were also added this time around. I found most of the photos on Pexels, a website that allows people to download high quality images without copyright for free.
Applications
Why are there applications again? Well, I was not supposed to cramp all the stationery together in one photo, which makes sense. I also made an extra street sign because I realized none of my environments was an advertisement, so I added it to show variety.
Stationery
Business card
Fig 2.1 Separated business card (front and back).
Envelope
Fig 2.2 and 2.3 Separated envelope (front and back).
Environmental
Street sign/poster
Fig 2.4 Poster drafts.
Fig 2.5 Final poster mockup.
Stationery
Business card
Fig 2.1 Separated business card (front and back).
Envelope
Fig 2.2 and 2.3 Separated envelope (front and back).
Environmental
Street sign/poster
Fig 2.4 Poster drafts.
Fig 2.5 Final poster mockup.
FINAL OUTCOME
Fig 4.1 Beliberi Brand Guidelines - Interactive PDF
Fig 4.1 Beliberi Brand Guidelines - Interactive PDF
FEEDBACK
Week 11:- populate with visuals
- utilize the grid system
- preferably the nav shouldn’t take up a chunk of space
- for target audience and brand value, split into subheadings
- remember to add short text to explain what is shown in visual guidelines
- add do’s and don’t s
Week 12:- images don’t have to match the slides, the USP one looks too therapy, use another picture
- can use more pictures showing people to look less corporate
- add short descriptions for visual guideline
- can split the logos into different slides
- split the minimum size slides
- split the primary and secondary slides
- add hex codes and cmyk
- finish do’s & don’ts and application
- can try to fill the watermark to see how it looks
- swap bg and text colour to make it less monotonous
Week 13:- replace name and module name from cover with different text (e.g. copyright)
- remember to make everything clickable
- improvement from last week but can add a page with full visuals to break it up more
- finish up minimum size and colours
- for application, finish digital presence
- can still experiment a bit with the poster design
- maybe use white logo on the image itself, replace the crown with the logo
- last page, make the logo link back to first page, add company information
Week 11:
- populate with visuals
- utilize the grid system
- preferably the nav shouldn’t take up a chunk of space
- for target audience and brand value, split into subheadings
- remember to add short text to explain what is shown in visual guidelines
- add do’s and don’t s
Week 12:
- images don’t have to match the slides, the USP one looks too therapy, use another picture
- can use more pictures showing people to look less corporate
- add short descriptions for visual guideline
- can split the logos into different slides
- split the minimum size slides
- split the primary and secondary slides
- add hex codes and cmyk
- finish do’s & don’ts and application
- can try to fill the watermark to see how it looks
- swap bg and text colour to make it less monotonous
Week 13:
- replace name and module name from cover with different text (e.g. copyright)
- remember to make everything clickable
- improvement from last week but can add a page with full visuals to break it up more
- finish up minimum size and colours
- for application, finish digital presence
- can still experiment a bit with the poster design
- maybe use white logo on the image itself, replace the crown with the logo
- last page, make the logo link back to first page, add company information
REFLECTION
Experience
I really enjoyed seeing the brand really come together at the end and imaging how the brand guidelines would actually be used by others.
Observation
I noticed the different ways that many of my classmates’ brands had applied their branding and showcased it through their brand guidelines itself. Some were more dynamic and fun, while some looked more on the corporate side like mine.
Findings
Definitely found the interactive buttons interesting because I previously was not aware that Indesign had this function. I would have played around with it more but I decided to keep things simple, just like my brand.
Comments
Post a Comment