Brand Corporate Identity - Task 4 / Brand Guideline

May 16, 2023

Brand Corporate Identity - Task 4 / Brand Guideline

7/6/2023 - 28/6/2023 (Week 10 - Week 13)

Anna Chin Siaw Fong / 0354370
Brand Corporate Identity / Bachelor of Design (Honours) in Creative Media / Taylor's University
Task 4 / Brand Guideline

LECTURES

Lectures 1-3 can be found here.

Lectures 4-5 can be found here.

INSTRUCTIONS

Task 4 - Brand Guideline

Visual Research

Before starting my design, I went to Pinterest to look for inspiration for brand guideline layouts.

Fig 1.0 Inspiration 1

Fig 1.1 Inspiration 2

Fig 1.2 Inspiration 3

Grid System

After drawing inspiration on pinterest, I kind of have a sense of inspiration on how to brand guideline design. I started off by determinig the grids for my brand guideline. I ended up choosing grid 3 as it suits my layout more. I tested it with text as well.

Fig 2.0 Grid 1

Fig 2.1 Grid 2

Fig 2.2 Grid 3

Fig 2.3 Chosen grid with text

Progression

After determining my grids, I started off with figuring out the navigations for my book.

Fig 3.0 Navigation bar ideas

I came up with 4 navigation ideas but it doesn't seem to work for my book. So I continued working on my navigation bar. I also started working on my layouts as well.

Fig 3.1 Layout Attempt 1

After receiving feedback from both Ms Lilian & Mr Vinod, I continued working on my layout for my brand guideline. I also went with the first layout for the table of content as Ms Lilian said that the use of white space is good there. I made decided to have my navigation bar on the left and make it like stickers as the style of the book I am going for is like a journal with stickers. I also worked on my cover for my brand guideline.

Fig 3.2 Cover 1

Fig 3.3 Cover 2

Fig 3.4 Layout Attempt 2

After receiving feedback from Ms Lilian, I worked on my cover again. I also continued on working on my layout for my brand guideline. I also start to test out my navigation bar by making it into buttons and making my visual on my book interactive.

Fig 3.5 Final Cover

Fig 3.6 Testing out navigation

Mr. Vinod advised me to colour coordinate my sections. Therefore, I used purple of table of contents, pink for about us, blue for logo system and orange for applications. At this stage, I was trying to figure out what is the best way to layout my applications. I also removed the white border behind my logos for my logo system section because it might confuse readers as if it is part of my logo.

Fig 3.7 Layout Attempt 3

As I continue to work on my layout, I also worked on the interactivity of my brand guideline. I made my table of content into hoverable buttons to go to the selected page. I also added information pop up, text rotate, image zoom in, and image change interactive elements to my brand guideline.

Fig 3.8 Hoverable Go to Buttons

Fig 3.9 Image change

Fig 3.10 Information pop up

Fig 3.11 Image zoom in

Fig 3.12 Text rotate

At this stage, I am already done with my layout. I just had to make some minor changes based on the feedback from Ms. Lilian. After that, I continued working on fixing my interactive elements on my brand guideline.

Fig 3.13 Near Final Layout Attempt

Interactive Elements

1. Previous Page, Next Page, Home Button

Fig 4.0 Previous Page, Next Page, Home Button

2. Hoverable Go to Buttons

Fig 4.1 Hoverable Go to Buttons

3. Image Change

Fig 4.2 Image Change

4. Image Zoom In

Fig 4.3 Image Zoom In

5. Information Pop up

Fig 4.4 Information Pop up

6. Text Rotate

Fig 4.5 Text Rotate

Final Submission

Thumbnail Layout

Fig 5.0 Thumbnail Layout (JPEG)

Fig 5.1 Thumbnail Layout (PDF)

Final Brand Guideline

*Document is best viewed using Google Chrome.

Link to EBook: https://indd.adobe.com/view/1f99e007-c3bf-4612-b44c-d0b0e122eb92

Fig 5.2 Final Brand Guideline (PDF)

Fig 5.3 Final Brand Guideline (JPEG)

FEEDBACK

Mr. Vinod

Week 11

Specific Feedback: Need to work on your navigation bar. Has clear hierarchy of title and body text.

Week 12

Specific Feedback: Subtitles are a little too close to each other. Navigation bar looks packed.

Ms Lilian

Week 11

Hierarchy of information for cover not clear enough
Can try to add pictures of people and not just body care products
Pictures can be pasted into design like stickers
Try out different navigation positions
Can go with layout number #1 for table of content

Week 12

Include some description for logo system
Inverse the stickers
Layout looks kind of stiff, maybe try introducting images with different size and shapes

Week 13

Add navigations on the last page
Pictures can be zoomed in more for applications
Hover for billboard can follow hover for poster
Put sample body text instead of sentences for each typeface

REFLECTION

Experience

Creating a brand guideline ebook for my brand, bubbles & cuddles, was a challenging yet rewarding experience. My goal was to establish a comprehensive guide that would ensure consistency and clarity in my brand's visual identity and communication. However, I encountered some struggles during the process, particularly when it came to figuring out the layout and interactive elements of the book. I had a lot of trial and errors. I also experimented with different techniques and approaches to find the right balance between functionality and visual appeal.

Observation

I observed that designing an ebook requires a different approach compared to a normal book. It is important to have clear and intuitive navigation within an ebook. This is to ensure readers could easily navigate through different sections and access the relevant information they need. I had to consider the digital nature of the medium and find ways to create an engaging and interactive experience for the readers.

Findings

I realized that it is important to have interative elements on my book. The interactive elements are there to help readers to navigate through the book and keep them engaged while reading it. Other than that, I discovered that Adobe InDesign may not be the most ideal tool for handling interactive elements. However, I try to find ways to make the best out of the available resources and find workarounds to achieve the desired interactivity.

FUTURE READING

For future reading, I read about mistakes to avoid when creating a brand guideline. Link to the article can be found here.

Search This Blog

Anna Chin Siaw Fong (0354370)

Brand Corporate Identity - Task 4 / Brand Guideline

Comments

Post a Comment

Popular Posts

Major Project - Board Game Design (Kedai Khaos)

Advanced Interactive Design - Task 2 / Interactive Web Application Pre-production & Prototype