Brand Corporate Identity

Week 1 - Week 14 (23/09/25 - 23/12/25)
Felice Jolin (0373636)
Brand Corporate Identity / Bachelor of Design (Hons) in Creative Media   


TABLE OF CONTENT

LECTURES

INSTRUCTTION

TASK 1 / BREAKING BRAND

TASK 2 / LOGO

TASK 3 / POSITIONING & IDENTITY 

TASK 4 / BRAND GUIDELINE 

FEEDBACK 

REFLECTION


LECTURES

Lecture 01 - Introduction 

Brand corporate identity is a crucial component of graphic design as it highlights a company's visual integrity.

"The work and value made, will symbolize the values and the thoughts of a larger entity."

"A symbol is a mark, sign, or word that indicates, signifies, or is understood as representing an idea, object or relationship. 

Brand identity is about how a symbol goes on to become a wordmark, which then will become a larger identity.

Mark - Workmark - Identity - Visual identity  

Fig 1.1 Logo, Wordmark, Brand Identity (Week 1 - 23/09/25)

 

Lecture 02 - Brand 

1. History

'Brand/branding' means 'to burn' in Old Norse (Norway) word.

Branding in the past vs present : 

  • Past 

Cattle Branding
Hot poke searing on animal body as a branding to makesure livestock is not stolen by competitor. 

Human Branding
Slave were sold off and branded by it's owner. Branded were given for people who steal, murder, etc.

 
Fig 2.1 Past branding (Week 2 - 30/09/25)

  • Present 

Branding
Owning the values of a company, what it represents, the shortcomings and earning trust and loyalty of customers though your words, actions, and stories. 

Apple
The word apple associated with it for us to think it is the incorporate apple brand.
This is branding as it takes ownership of a particular term, word, or imagery.   

2. Definitions

Brand (perception of a company in the eyes of the world)
It's a person's gut feeling about the service/company. Is a mental believe shared within society about a product, service, organisations or even a person. 

Branding (marketing practice of actively shaping a distinctive brand)
Process of giving meaning to a company by creating and shaping a brand in consumers' mind.

Below are campaign that differentiate it from the competitor, giving a shocking strategy by an apparel company.

 
Fig 2.2 "Be Stupid" and "UNHATE" campaign (Week 2 - 30/09/25)

 

Branding can be achieved through:

  • Brand definition - pupose
  • Brand positioning statement - what your brand does, target market, benefit of your brand
  • Brand identity - name, tone of voice, visual design (logo, color palette, typography)
  • Advertising & communication - TV, radio, magazine
  • Product
  • Sponsor & Partner
  • In store experience 
  • Workspace experience & management style (internal)
  • Customer service
  • Pricing strategy 

Benefit of branding:

  • Helps you stand out (recognition)
  • Gives credibility & trust 
  • Premium value - Charge what you worth
  • Customer loyalty (returning customers)
  • Attracts ideal client 
  • Save money & time (e.g. having a consistent design programme)
  • Gives confidence for your business
  • Makes it easier to introduce new product
  • Clear startegy for direction (move forward)

e.g. Nike charges premium price due to strong brand. 

Brand Identity
The collections of all related elements to the company to portray the right image for its consumers. 

Designer role (visual storyteller of a brand)
Form the content, strategy, and messaging. Do research (history of client & product, understanding target market, develop trademark). (basic things needed for a brand to be a brand : Invoice, letterhead, businesscard)

  • Create logo, color, typography, style guides
  • Design touchpoints (website, packaging, ads)
  • Ensure visual consistency
  • Translate energy into visual
  • Evolve visual as brand grows 

Design programme 
To ensure consistency, ensure visual identity is formed is coherent with application of products and services of the company/people.

The Virtuous Circle : When logic and magic are combined, a company can start a chain reaction from  Differentiation - Collaboration - Innovation - Validation - Cultivation. 


Fig 2.3 The Virtuous Circle (Week 2 - 30/09/25)

Brand = Perception & reputation 

Brand identity = Visual & verbal expression 

Branding = Process of shaping a brand 

Benefits = Recognition, trust, loyalty, growth 

Designer's Role = Bring brand to life visually & consistently 

 

Lecture 03 - Types of Mark

The term trademark, usually known for people as the term logo.

  • Logo / Logotype / Wordmark : Logo made up of company name
  • Logomark : Logo made up of company image/icon
  • Combination mark / Signature : Combination of logotype and logomark


Fig 3.1 Mark (Week 2 - 30/09/25)
 

Monogram

In Greek means 'single line'. Motif made by overlapping/combining two/more letters to form one symbol. Often using initials.  

Fig 3.2 Monogram (Week 2 - 30/09/25)

Above is the company monogram. Below is the logo of the Amsterdam chamber of the VOC.

 

Fig 3.3 Dutch East India Company Monogram and Logo (Week 2 - 30/09/25)

Heraldry

A study of armorial bearings (armoury). Derived from ancient Europe. 

Fig 3.4 Heraldry (Week 2 - 30/09/25)

 
Crest : Generally is an animal or sometimes inffusion of two different animals 

Coat of Arms : a dIstinctive heraldic bearings/sheild of a person/family/corporate/family

Insignia : a distinguish badge/emblem of military rank/office/membership of organization 

Fig 3.5 Heraldry (Week 2 - 30/09/25)

Below are some modern heraldry symbol.

Fig 3.6 Modern Heraldry (Week 2 - 30/09/25) 


Below are emblems that represent royalty in an Asian country (Japan). Has a similar function as heraldry but different approach and looks. 

 
Fig 3.7 Japanese emblem (Week 2 - 30/09/25)

Mark

Impression made on something : paper/wall/wood. However when combined, trademark, watermark, earmarks, stonemasons' mark, etc. This marks shows ownership and identification.

 
Fig 3.8 Mark (Week 2 - 30/09/25)

Trademark

A symbol/word that is legally registered and used representing a company/product. 

Also used as legal protection againts intellectual property infringement or theft.

Service mark is used in US and other country to identify a service rather than a product.

TM and SM is a temporary sign before a product/service becomes a registered trademark. 

Fig 3.9 Trademark (Week 2 - 30/09/25)

Design program goal is to control important part of company's visual identity. (environemtn, how the person behave, what the product looks like, what the advertisement looks like.

Letterform 

Using single letter/initials as the logo (McDonald's, HBO) 

Pictorial Mark

Literal image/icon (Apple, Twitter) 

 

Lecture 04 - Brand Ideals

Brand is how people perceived a product/service. Company can't control it but they can influence it by communicating their qulities and difference from the other product.

Ideal is the conception of what is perfect/most suitable.

It's a higher purpose and beyond just a product, a brand's ideal explains why it exists and the impact it seek to have on the world.

Brand ideas based on strong, timeless principles offer everyone who supports or believes in these general goals a sense of purpose. 

Ideals consist of :

  • Vision
  • Meaning
  • Authenticity
  • Differentiation
  • Sustainability
  • Flexibility
  • Commitment
  • Value 

Brand values serve as a true north, delivering real engagement and guiding you toward stronger relationships with your target audience. It is the section that genuinely changes the connections you make with customers. 

A brand need to hear and understand customers aspirations. 

'Just do it' is an ideal developed by Nike in 1988. Encouraging success, motivating athletes, reminding everyone no matter their fitness level, they can achieve their goal. 

 

 
Fig 4.1 Just do it (Week 2 - 30/09/25)
 
 

'Think Different' is a campaign develed by Appled in 1997. Apple's way to share their ideals and value about making the best, most creative product in the world while keeping technlogy simplea and fostering quality over quantity.

 
Fig 4.2 Think different (Week 2 - 30/09/25)
 

Vision is when big ideas are driven by a passionate leader who have the ability to imagine what others cannot seeand to delive what is belived to be possible.

Meaning is  when the best brands stand for a big idea, strategic position and a defined values.

Authenticity :

  • Clear about their market
  • Clear about their positioning value
  • Clear about competitive differentiation
  • Know who they 
  • What they stand for
  • Begin the identity process from a position of strength is authentic.

Differentiation :

Visual difference that made should be distinct, unique or sometimes be shocking.

Sustainability :

  • Ability to have longevity in constant flux
  • Consumers are reassured by trademarks that are recognizeable
  • Commitmenet with the central idea over time
  • Capacity to transcend change

Coherence : 

  • Consumer experience must feel familiar. 
  • To build trust, loyalty and delight the customer. 
  • Utilize specially design colors, typeface families and formats

Felxibility :

  • Position it's company for change 
  • Possibility for growth and innovation
  • To enable company to seize new opportunity in marketplace. 

Commitment :

  • Makesure all people engaged with the brand have complete motivation.
  •  Protect, preserve and nurture a brand

Value :

  • Measureable results need to be created that promote and sustain a brand. 
  • Brand identity which includes all tangible expression from pacakging to websites, upholds value.

 Businees that focus on ideals rather than profits make more money. Why?

They better prepare their staff to deal with the evolving reality as it happens by drawing on their innermost instincts and creative reserves. 

They create deep relationships with customers who yearn for connection. 

 

Lecture 05 - Positioning

Positioning your brand in the customers' mind, also referred to as brand strategy.

Strategy is about making the map and plan. Positioning is about the location, where you inted to be on the map.

As one brand has positioned itself, it is hard to reposition. e.g. Volvo has a tough safe car image and became numebr 1 car for famillies. But later on resulted in an unappealing  perception of "sex appeal" where other car looks more aggresive.

Fig 5.1 Volvo (Week 3 - 06/09/25)
 

Goal : Give a lasting impact on consumers so they will rememeber your brand with something particular and appealing that sets it different from the competition.

Positioning based on Wilis (2017) :

1. Arm wrestling - take on a market leader, possible if a market category is clear with no clear leader. 

2. Big fish, smaller pond - focus on niche market within a larger market that is underserved. Audience already has frame of refeence, but market leader would match your offer. 
(e.g. Apple has good product but bad service, need to go to the store for product maintenance. While... a Malaysian local service company provide service to your door.)

3. Reframe the market - Reframe exisiting market in new term. This will work if the market has innnovation.  (associate with the brand value instead of the product itselt. e.g. apple "Think Different" campaign)

Started positioning the product in the minds of people through the values of the company. It creates a stronger tie with the customers.

4. Change the game - Reserved for when there is no market category for what you do. You are the default market leaer. (e.g. Uber & Xerox) 

Positioning vs differentiation

Positioning :

  • Marketer determine place to occupy in the physical market space
  • Marketer identify a distinctive place for a product/service to hold in target markets' minds. 
  • Positioning is something subtle/in mental, not tangible 
  • People would purchase it because they have positionied the brand in their minds. 

Differentiation :  

  • Process to make a product stand out from its competitor
  • There's an element of mental positioning, but with a physical presence as well.
  • People would purchase it because of the physical appearance.

Differention features that make a product/service better to the competition in the minds of target market are the what effective positioning is.

Neumeier (2003) said that if you can answer the 3 questions below, then you have a brand!

  1. Who are you?
  2. What do you do?
  3. Why does it matter?

How to determine positioning?
Find uniqueness that shows differences from competitor.

Bueno (2017) There are 7 keys to effectively clarify positioning in marketplace:

  • What's the position of your brand in customers mind currently.
  • Identify your direct customers 
  • Know how competitor position their brand
  • Compare your positioning to competitor to see uniqueness
  • Important to develop a value-based positioning
  • Have a brand positioning statement
  • Test effectiveness of brand positioning statement

4 essentials for positioning statement:

  • Target customer
  • Market definition
  • Brand promise
  • Reason to belive

Positioning statement is for internal use to guid marketing while tagline is an external statement for marketing effort.  

 
Fig 5.2 Amazon positioning statement & tagline (Week 3 - 06/09/25)


back to top


INSTRUCTTION

Module Information Booklet 

back to top 


TASK 1 / Breaking Brand

Week 1-3  (23/09/25 - 07/10/25)

In the first task, we were assigned to form group of 4 members. I was in a group with Aveline, Alicia and Dafina. We were then tasked to chose a big brand and do a thorough analysis. Below are the requirements for the slides presentation content:

A) BRAND PROFILE

1. Description
    1.1 Summary Description
    1.2 Target Market/Audience
    1.3 The Offer 
    1.4 Specific Benefits
2. Brand Value
    2.1 Retailer's Perspective
    2.2 Customer's Perspective 
3. Brand Positioning
    3.1 Why This Brand & Not the Competition?
    3.2 Positioning Toward Target Market
    3.3 Competitors 
4. Unique Selling Proposition (USP)

B) EXPANDED BRAND PROFILE

1. Description
    1.1 Founder
    1.2 Location
    1.3 Logo / Logo Evolution
2. Benefits (emotional, functional, symbolic)
3. Target Market / Audience
    3.1 Geographic Segmentation
    3.2 Demographic Segmentation
    3.3 Psychographic Segmentation 
    3.4 Behavioural Segmentation 
4. Competitive Differentiation
5. Pricing
6. Distribution
7. Brand Positioning Statement
8. Brand Voice
9. Brand Communication Strategy

We agreed on taking KFC as our subject of brand analysis. I was assigned to research on part A1 and Distribution. 

In week 2, we decided to practice twice through Microsoft Teams call and we made script before our presentation. 

 

Fig 6.1 Presentation Script, Week 3 (07/10/25)

After the presentation, Ms told us that we didn't include Malaysia the upskilling & oppurtunity part. In addition, we didn't include the present owner of KFC but rather put the founder, which is Colonel Sanders. Therefore, after presentaion, we make amend and fulfll what was missed in the previous presentation slide. 

  

Fig 6.2 Presentation Slides, Week 3 (07/10/25)
 

back to top 


TASK 2 / Logo 

Week 3-7  (07/10/25 - 10/11/25) 

Task 2A) Logo Research: Collect & Analyze 28

What is required?

1. Logo Type : 

  • Logotype (wordmark)
  • Logomark (symbol/icon)
  • Combination

2. Style:

  • Descriptive
  • Abstract
  • Other styles

3. Graphic Elements:

  • Describe the shapes, symbols, or design features used

4. Colour Scheme:

  • Warm or cool colours
  • Primary, secondary, or tertiary colours

5. Typography:

  • Describe the typeface or style of the text used 

Task 2B) Logo Development: Idea Sketches & Conceptualization

  • Begin developing your own logo design based on your chosen brand or occupation.
  • Use mind maps to brainstorm keywords and visual ideas
  • Develop these ideas into sketches and then rough concepts
  • Narrow down to the most promising concepts

Final Logo Development:

  • Digitize the final logo concept in black and white first
  • Obtain approval for the black & white version
  • Only after approval, select and apply colour for Project 3
  • Document every stage of your design process: 
    • Idea sketches
    • Concept development
    • Digitised drafts

Task 2A) Logo Research: Collect & Analyze 28

I began searching online for logo brands that is unfamiliar with me. Afterward I documented it in presentation slides.

 

Fig 7.1 28 logo analysis, Week 3 (08/10/25)

 

Task 2B) Logo Development: Idea Sketches & Conceptualization 

Mindmap

Before making our own brand, we were assigned to do mind mapping of idea. I came up with the idea of music studio. Ms.Vitiyaa mentioned that solely rely on renting for music studio purpose will not make money all the time. She sugegsted me to add in more activities to be done in the studio such as enabling pop up stores. 

Click here for link to mindmap in Canva 

Fig 7.2 Mindmap, Week 4 (14/10/25)
References

After mindmapping, I have quite an idea how to start. I begin to search for inspiration in pinterest. 

Fig 7.3 Reference, Week 4 (14/10/25)

Sketches 

Next, I begin to skecth my ideas out. The idea is to combine music and house. Below I produce some sketches. 

  

Fig 7.4 Sketch, Week 5 (21/10/25)

  

Fig 7.5 Sketch, Week 5 (21/10/25)

  

Fig 7.6 Sketch, Week 5 (21/10/25)

Fig 7.7 Sketch, Week 5 (21/10/25)

Digitization 

From the above sketches, I began to digitized what I feel the best ones.

Fig 7.8 Digitize, Week 6 (28/10/25)
 
I mostly used shape to build the logo, except some I use font. For logo 2 and 3 no font is used, all ae made of shapes. While logo 1 and 5 uses 'Mistake Note' typeface and logo 4 uses 'Helvetica Compressed'. 
 
Fig 7.9 Digitize, Week 6 (28/10/25)

Afterward, I begain to try on colors to the logo. I picked some color palette to see which suits the most. I feel more to the pink and blue as it shows energetic feel, welcoming while also playful, suitable for music. 
 
Fig 7.10 Color, Week 6 (28/10/25)

However, during week 6 physical class, Ms.Vittiya mentioned she like the other logo from my sketches which is circled below. Ms.Vittiya mentioned both of that looks unique and suits the concept of music house, and I should try to digitize to see which one looks better
 
 
Fig 7.11 Approved to digitied, Week 7 (04/11/25)
 
Therefore, I moved on to digitize the chosen one. For the logo 1, the word 'Jolin' is customed design with shapes while the word 'music house' is using the font "Mistake Note". The shape of J was stylized to resebles the quaver notes in music while extending the long lines to represent a house roof. It's inpired from the combination of music + house. For the second logo, all is made using geometrical shapes, it is inspired from the sound/music wave.
 
Fig 7.12 New digitized, Week 7 (04/11/25)

 
Logo structure & adjusments

I feel that the first logo is better while the second logo seems unique but lack of readability. Therefore, Ms.Vittiya also agreed for me to proceed with the first logo. Next, I work on to refind this logo to be more precise. I also feel the 'music house' text need to be thicker for better readability. 
 

Fig 7.13 Refinement, Week 7 (05/11/25)
 
Final Logo
I'm good with the logo already and I also appliead the logo in reverse.
 

 Fig 7.14 Final Logo, Week 7 (05/11/25)
 
In addition, I also made secondary logo from the Letter J in the text JOLIN'S.
 

 Fig 7.15 Final Secondary Logo, Week 7 (05/11/25)


Logo & Brand Color

As previously, I've decided to go with the blue-pink tone, I tried on sever hues. I personally love the centre on and move forward with it. Aside from that, i also picked color palette for the brand. 
 
 
 
Fig 7.16 Color testing, Week 7 (08/11/25)
 
These colors were chosen to reflect the friendly  and inviting personality of Jolin’s Music House. The deep blue adds a sense of calm and comfort, while the soft pink brings warmth and cheerfulness.  
 
 
Fig 7.17 Final Logo Color, Week 7 (08/11/25)
 
Next, this is the brand's color. The color palette has three primary colors (blue, pink, and cream) that captures energy, creativity, and emotional expressiveness of music. While the secondary colors (black and yellow) add balance and nuance, providing contrast and the overall harmony and rhythm of the brand’s visual identity.

Fig 7.18 Brand Color, Week 7 (08/11/25)


Space Rationalization

The image shows the space rationalization of Jolin’s Music House logo. The overal logo and space was constructed using grids. Each row height is determined from the cap height of the Music House text. While the x-height of the Jolin’s is made of three rows.

Fig 7.19 Logo Space Rationalization, Week 7 (09/11/25)

 
Logo Clear Space

To maintain readability and visual presence, the logo should always be surrounded by a clear area. The logo clear space bounded utilizing the letter o from the logo.
Fig 7.20 Logo Clear Space, Week 7 (09/11/25)

Logo Rationale

Jolin’s Music House is built to make music accesible to everyone from beginners to bands.With fully equipped studios and without limitation of location the service provided is rent of musical instrument and rent of studio space where available in urban, suburban, and rural areas.The aim is to include everyone by providing  affordable spaces where people can freely practice, jam, and perform, enhance connection through the joy of music.The logo reflects the designer’s name ‘Jolin’ and is custom designed with stylized letter J representing ‘quaver notes’ , it also resembles the roof of a house. While the ‘L’ leans into the note-shaped ‘O,’ which symbolize the act of pressing musical note, which adds motion and rhythm gesture to the logo.  The ‘MUSIC HOUSE’ uses handwritten style font to represent friendliness and warmth. A style and mood feels like home to create, play, and connect through music.

Logo Minimum Size

This is the logo minimum size, with the minimum width of 25mm followed by each variation height.


Fig 7.21 Logo Minimum Size, Week 7 (9/11/25)

This is the secondary logo minimum size, with the minimum width of 15mm followed by each variation height.

 


Fig 7.22 Secondary Logo Minimum Size, Week 7 (9/11/25)


Logo / Brand Typeface

Mistake Note is used for the logotype as the handwritten style reflects the brand’s welcoming and expressive character which gives an authentic feel and approachable touch. While Futura Std is used for the brand applications as it has a clean styl. Its geometric form ease readability and shows professionalism, creating a balanced overall brand impression.
Fig 7.22 Logo / Brand Typeface, Week 7 (10/11/25)




Patterns

Below are pattern making process. I the shapes were derived from the logo 'J' letter which resembles quaver note. I combine it and form letter M with legs (also seen as doulets notes). I was trying to make the wave as it associate the sound of music. I also formed stars from this element. 

Fig 7.23 Pattern Making Process, Week 7 (10/11/25)
 

The first pattern is the modified element used from the logo to form duolets note and 'M' letter. This combination was made to reflects people dancing rhythm/movemenet of legs. 



Fig 7.24 Pattern #1, Week 7 (10/11/25)

The second pattern is sound/music wave using the same base elements. 

Fig 7.25 Pattern #2, Week 7 (10/11/25)
 
The third pattern, also using the same element but with different style, I made the shape which resembles star/sparkle. 


Fig 7.26 Pattern #3, Week 7 (10/11/25)
 
Fig 7.27 Final Logo Development, Week 7 (10/11/25)

Animation

After finalizing the logo, I proceed to do the animation. I look at youtube for inspiration and tutorial. Then I sketch out my idea for the animation flow. The idea of the animation is where the letter J or quaver note stroke swing up and when it swing down, the text 'music house' get in is to symbolize the welcoming atmosphere of Jolin's Music House.

Fig 7.28 Animation Ideation, Week 8 (11/11/25)

 

First I separate each elements into different layers is Illustrator brfor importing to After Effect.


Fig 7.29 Layering Process, Week 8 (11/11/25)

The I import the file into After Effect

 

 
Fig 7.30 Animation Process, Week 8 (11/11/25)

The effect I used mostly is position, scale and opacity. For the letter J I add additional effect of CC Bend it. Below are the process and keyframes on After Effect.

Fig 7.31 Animation Process, Week 8 (11/11/25)
 

Fig 7.32 Logo Animation, Week 8 (11/11/25)
 
 
TASK 2A FINAL OUTCOME

Fig 7.33 Task 2A, Week 3 (08/10/25) 

 

TASK 2B FINAL OUTCOME

 

Fig 7.34 Task 2B, Week 7 (11/11/25)

Fig 7.35 Logo Animation, Week 8 (11/11/25)

 

back to top 


TASK 3 / POSITIONING & IDENTITY 

Task Description:

1. Brand Profile
Write a logo rationale explaining the design choices
Use keywords from the brand profile that reflect the brand’s core values

2. Mood Board Creation
Create a mood board featuring: Colours, visual style, typography
Use the mood board to start positioning your brand
Ensure the mood board reflects the brand’s distinct identity and core values

Design brand application: 

3. Corporate Identity
Business card
Envelope
Invoice
Letterhead 
Receipt

4. Brand Collaterals
Design at least 4 other brand items

5. Digital Presence 
Website
Social media

6. Environmental Graphics
Signage
Shop front
Reception desk


1. Brand Profile

To not make this blog very long, I prepare the document for Jolin's Music House brand identity in Google Docs.

 

Fig 8.1 Brand Positioning Docs, Week 8 (14/11/25)

 

2. Mood Board Creation

Moving on, I prepare moodboard, gather references and decided on what mock-up to be presented in every section. For the mockup style, I want it to have minimalist yet playful design to reflect a warm and welcoming yet exciting space of Jolin's Music House. 


Fig 8.2 Moodboard Docs, Week 8 (16/11/25)

   

Next, I begin to design the brand application for Corporate identity. 

3. Corporate Identity 

a. Namecard

The first corporate stationery for Jolin’s Music house is namecard utilizing the brand logo on the backside. The overall looks folow a minimalist design with the brand’s primary color combination. Below is the design for the namecard. I also included the specification of size and font used, together with the grids and guidlines as below. After finalizing the design, I proceed to find mockup with psd file. 

Fig 8.3 Namecard design, Week 8 (17/11/25)

Fig 8.4 Namecard Mock-up, Week 8 (17/11/25)


b. Envelope

The second corporate stationery for Jolin’s Music house is envelope. Below I tried 3 variations utilizing the brand logo and pattern #2.

Fig 8.5 Envelope Design Variation, Week 9 (18/11/25)

After chosing one design, I also included the specification of size and font used, together with the grids and guidlines as below. After finalizing the design, I proceed to find mockup with psd file. 

 Fig 8.6 Envelope Design, Week 9 (18/11/25)

Because I have made 3 designs, I try to apply it all in the mock-up. The first and second design has the pattern on the front side while the third design has a simple design. I chose to go with the 3rd design utilizing the secondary brand logo and contact on the backside and the primary logo for the frontside.  

Fig 8.7 Envelope Design Variations, Week 9 (18/11/25)

Fig 8.8 Envelope Design Variations, Week 9 (18/11/25)

c. Invoice

The third corporate stationery for Jolin’s Music house is invoice. It utilize minimalist design with only on usaege of blue color. Below is the design for the invoice. I also included the specification of size and font used, together with the grids and guidlines as below. After finalizing the design, I proceed to find mockup with psd file. 

Fig 8.9 Invoice Design, Week 9 (19/11/25)

Fig 8.10 Invoice Mock-up, Week 9 (19/11/25)

d. Letterhead

The fourth corporate stationery for Jolin’s Music house is letterhead. It utilize minimalist design with the color of blue and pink. I also included the specification of size and font used, together with the grids and guidlines  as below. After finalizing the design, I proceed to find mockup with psd file. This is the first mock-up for letterhead. Ms.Vitiyaa mentioned that as the paper is foldable,the design text part become having shadow and suggested me to find another mock-up.

Fig 8.11 Letterhead Design, Week 9 (19/11/25) 

I search for other letterhead mock-up and below is the progress.

Fig 8.12 Letterhead Mock-up, Week 9 (19/11/25) 

Fig 8.13 Letterhead Mock-up, Week 9 (19/11/25) 

 

e. Receipt

The fifth corporate stationery for Jolin’s Music house is receipt utilizing the brand logo at the centre.  I also included the specification of size and font used, together with the grids and guidlines  as below. After finalizing the design, I proceed to find mockup with psd file.

Fig 8.14 Receipt Design, Week 9 (19/11/25) 

Fig 8.15 Receipt Mock-up, Week 9 (19/11/25)

 

4. Brand Collaterals

a. Lanyard

The lanyard, designed for staff and guests, is a functional and identity-enhancing accessory reflecting the welcoming personality of Jolin’s Music House. First, I design first in Illustrator, It uses the tone blue to enhance welcoming feels. After finalizing the design, I proceed to find mockup with psd file.

Fig 8.16 Layard Design, Week 9 (20/11/25)


Fig 8.17 Lanyard Mock-up, Week 9 (20/11/25)

b. Keychain

Below is limited edition collectible keychain allowing you to carry on your bags or personal items. The more people purchase the keychain, eventually will attract the target audience. The design utilize 3 different color combination with our logo. 

Fig 8.18 Keychain Design, Week 9 (20/11/25)

 

Fig 8.19 Keychain Mock-up, Week 9 (20/11/25)


c. Mug

The next merchandise is a mug with Jolin’s Music House logo at one side and pattern on the other while utilizing the brand colors of blue and cream. However, I was confussed to use which pattern so I tried with two of Jolin's Music House patterns. I decided to go with the left one as it looks more elegant but still playful.  

Fig 8.20 Mug Design, Week 9 (20/11/25)

Fig 8.21 Mug Mock-up, Week 9 (20/11/25)

d. Book

This book is part of our merchandise lineup, designed for you to write and compose your music, also serves as a journal to capture your musical journey. The cover design uses our pattern of music waves, added with the pink logo on the top right. I also made another design, however I love the first one and decided to proceed with it. 

 

Fig 8.22 Book Design, Week 9 (21/11/25)

Fig 8.23 Book Mock-up, Week 9 (21/11/25)


e. T-shirt

T-shirts are available in two color variants, designed as wearable merchandise with our logo and pattern this could expand the brand's existence through the fashion industry. We have option of simple white t-shirt with our logo or black t-shirt with Jolin’s Music House pattern. 

Fig 8.24 T-shirt Design, Week 9 (21/11/25)


Fig 8.25 T-shirt Mock-up, Week 9 (21/11/25)

f. Tote Bag

The next collateral is tote bag with a minimalist design is a stylish merchandise item to carry your belongings. While carrying this around, it will enhance the branding of Jolin's Music House.

Fig 8.26 Tote Bag Design, Week 9 (21/11/25)

 

Fig 8.27 Tote Bag Mock-up, Week 9 (21/11/25)

g. Cap

Jolin’s Muisc House also have cap merchandise, embossed with Jolin’s Music House logo.

Fig 8.28 Cap Design, Week 9 (21/11/25)

Fig 8.29 Cap Mock-up, Week 9 (22/11/25)

h. Sticker 

Our next merchandise is stickers that come in multiple designs for customers to collect and decorate your personal items. 

Fig 8.30 Sticker Design, Week 9 (22/11/25)

Fig 8.31 Sticker Mock-up, Week 9 (22/11/25)


 5. Digital Presence
 

a. Instagram

For the first social appearance, I thought instagram to get more engagement so here's the mock-up of Jolin’s Music House social media page on Instagram.

Fig 8.32 Instagram Layout Design, Week 9 (23/11/25)

Fig 8.33 Ipad Mock-up, Week 9 (22/11/25)



b. Website

Other than Instagram, website is also important for users interaction and updates of our brand. So I've made 2 variation of the landing page, utilizing the secondary logo and also piano element below. However, I decided to not put the logo at an angle.

Fig 8.34 Website Design, Week 9 (23/11/25)


 This is Jolin’s Music House website landing page. 

Fig 8.35 Website in Laptop Mock-up, Week 9 (23/11/25)

 

6. Environmental Graphics

a. Signage

This is Jolin’s Music House signange infront of our store to notify and guide visitors our store’s availability. I uses the primary logo however I applied pink color for the logo with blue background.

Fig 8.36 Store Signage, Week 9 (24/11/25)

Fig 8.37 Store Signage Mock-up, Week 9 (24/11/25)


b. Store

This is our Music house where first floor available many pop up events while our music studio located in the second floor.The front store utilize a simple design with Jolin's Music house primary logo on top while the secondary logo below. The window also applied with the brand's star pattern. 

Fig 8.38 Store Front Design, Week 9 (24/11/25)

 

Fig 8.39 Store Front Mock-up, Week 9 (24/11/25)

c. Reception

Moving on to the receptionist desk, I found 2 mock-up and made some variation of design. The first design has the music wave pattern on the background while the desk just utilize the brand's primary logo. The overal look is simple with cream background. While the second design utilize star pattern with both primary and secondary on the background while the desk has the music wave patterns along with the small verision of the primary logo. The overall look for second design is more welcoming and fun.

 

Fig 8.40 Reception Design, Week 9 (24/11/25)

Below is the mock-up variations and I decided to go with the bottom right one. 

 
Fig 8.41 Reception Variation, Week 9 (24/11/25)
 

Fig 8.42 Final Reception Mock-up, Week 9 (24/11/25)
 
 
 
TASK 3 FINAL OUTCOME 
 
 
  
Fig 8.43 Task 3 Compilation, Week 9 (24/11/25)
 
 

 TASK 4 / BRAND GUIDELINE 
 
Moving on, we were told to make the brand guideline for presentation slide and book layout which later will be printed. The content brand guideline will include:
  • Brand profile
  • Visual guideline, which is Task 2
  • Brand application, which is Task 3 
 Below here is the brand profile

Fig 9.1 Brand Positioning Docs, Week 8 (14/11/25)



1. Presentation Slide

Ms.Vitiyaa mentioned that the slide just need the important key points of the brand while in the printed book guidline later will have a more detail information. I decided to make the style of my presentation slide different from my book layout. The slides will be more playful with lots of pattern. While in the book layout later will be more minimalist. 
 

Fig 9.2 Presentation Slide, Week 10 (25/11/25)


2. Brand Guideline Book Layout

Next, we need to design the book guideline in Indesign which later we will print into a book. While in the presentation slide, the style is quite playful, in the book layout I want to make it more minimalist yet still has fun touch utilizing the brand color which enhance sense welcoming, warmth yet expresive.   First, I prepared canvas with A5 size portrait. Then I prepare it into spreads. I decided to go with 4 by 4 grids to make it more tidy. I also include bleed 5mm to have a clean and neat finishing in the printed book later. The content is similar with the presentation slide, however has more detailed information such as the black & white logo versions and grids & guidelines for the corporate stationery. I started with design for the cover.

 
Fig 9.3 Cover, Week 10 (26/11/25)

Moving on to the chapter page, I want it to have the same style to maintain consistency, however I applied with different colors from the brand color. I also madesure to not put the headline too close to the centre as it will prevent readability on the physical book later. 


Fig 9.4 Chapter, Week 10 (26/11/25)

I also madesure to include the brand's pattern on the book. Below is the 3 pattern from the brand and I utlize it for some pages throughout the whole book. The font used in the book is Futura STD and I used 10pt size with 13pt leading. 
 

Fig 9.5 Applying Pattern, Week 10 (26/11/25)
 
Ms.Vitiyaa also reminded us not forget to include the usage of black & white version of the logo. So here I made the example of how Jolin's Music House Logo should appear on both light and dark background.
 
Fig 9.6 Logo Black & White Version, Week 10 (27/11/25)

Another impotant thing to be included is the logo's do's and don'ts. For the logo do, here are the example of colors that can be applied for both primary and secondary logo. The logo should be applied fullfilling its original intent and below are examples of how it shouldn't be applied for both the primary and secondary logo. 
 
Fig 9.7 Logo Do's, Week 10 (27/11/25)

Fig 9.8 Logo Don'ts, Week 10 (27/11/25)
 
Moving on, I place the brand application images. On the left side of the page, the image was imported from Illustrator and I want it to have transparent background, so Ms.Vitiyaa suggested me to save as EPS and i could directly place it in Indesign. While for the mock-up image, it is done in Photoshop, I madesure to change the color mode to CMYK and save it as TIFF. I also include the grids and guidlines for the brand application. Below is one of the examples.
 
Fig 9.9 Exporting Images, Week 10 (28/11/25)
 
Same thing goes to the collateral images, it is save as TIFF and exported in Indesign. This was done so the resolution when printed is good.
 

Fig 9.10 Colateral Images, Week 10 (28/11/25)
 
3. Printing

Below is the first draft pdf. Ms.Vitoyaa approved already except I should pay attention to some kernings, then I can print it out. 
 

Fig 9.11 Book Layout Design, Week 11 (02/12/25)


First Trial Print 

Cover 
Artcard 260gsm lamit matte 
Size A5 (148W x 210H) 
Two side print   

Content  
Artpaper 130gsm 
Size A5 (148W x 210H) 
Two side print 
Total 82 pages

Perfect Binding 
RM70

After printing the first trial, I just realize I had some typo, some text were not readable due to being in the centre of the book as I am using perfect binding, the book cannot open expanded to much. The collaterals with cream background picture and white book background also lack of contrast, so I decided to reprint. 

 
Before reprint, I madesure to refine all the things needed.
 
For the text that I initially put on the right side column, howeber it is hard to be seen in the printed book. Therefore, I decided to change all the layout that has text on the right side column into the left side column. Below is one of the examples.In addition, I also did kernings for some parts of the paragraph to enhance readability. Ofcourse I remember to change the typo text too. 
 

Fig 9.12 Change placement of text, Week 11 (03/12/25)


For the collateral picture, I feel it has lack of contrast and it doesn't appear nice on the physical book, so I decided to change all with cream background mock-up with blue background book. Below is on of the examples.

Fig 9.13 Change Color of Background, Week 11 (03/12/25)

  

 After fixing, I'm satisfied and below is the final book layout. Ready for reprint!

 

Fig 9.14 Final Book Layout, Week 11 (03/12/25)

Second Trial Print

Cover 
Mapple bright 250gsm 
Size A5 (148W x 210H) 
Two side print   

Content  
Maple bright 140gsm 
Size A5 (148W x 210H) 
Two side print  
Total 82 pages

Perfect Binding 
RM76.99
 

Unfortunately, I forgot to take picture of the second printed book, so here's the only pic I have! 

Fig 9.15 FINALE, Week 12 (09/12/25)

4. E-book 

Lastly, I turn my book into e-book as well with the help of FlipHTML5. This help me to make my pdf into interactive flipping book. 

Click here for the link to E-book

 

Fig 9.16 E-book, Week 12 (09/12/25)

TASK 4 FINAL OUTCOME   

Presentation Slide 

 

Fig 9.17 Presentation Slide, Week 10 (25/11/25)
 
Book Layout
 
 

Fig 9.18 Final Book Layout PDF, Week 11 (03/12/25)

Book Layout Spread 

 

Fig 9.19 Final Book Layout Spread PDF, Week 11 (03/12/25)

Physical Book

Fig 9.20 Physical Book, Week 12 (09/12/25)  

E-Book 

Click here for the link to E-book 

 

Fig 9.21 E-book, Week 12 (09/12/25)

back to top 


FEEDBACK

Week 1
General Feedback :
Ms briefed us about what is branding and what this module will be about. She then told us to form a group of 4 to analyze  a famous brand and compile it into slide presentation.

Week 2
General Feedback :
Ms reminded us of task 1 deadline and also gave lectures about brand and branding. 

Week 3
General Feedback :
Presentation day
Specific Feedback : My group need to do deeper research as we missed in some part like the owner of KFC and what upskilling & oppurtunities KFC has contributted in Malaysia. 

Week 4
General Feedback :
Ms briefed us on task 2 & 3. Ms told us to do mind mapping for our brand during class.
Specific Feedback : Ms said that I should think of additional bussines out of the music studio, she suggested Pop up store and booth. 

Week 5
Specific Feedback:
I start with my sketches. Ms.Vittiya saidd I can come up with more sketches. 

Week 6
Specific Feedback :
I come up with more sketches, Ms.Vitiyya said I can pick 3 best one and digitize.

Week 7
General Feeedback:
Ms.Vitiyaa reminded us the requirements for Task 2 and told us to do the grid and box layout.
Specific Feedback: Ms.Vitiyya said I did a great job. She said I have lots of variations from my skectehes and she chose 2 for me to further refind and digitize it. After digitizing, Ms chose one of them, saying it looks unique with concept of home and music. She also prefer for the logo with color blue and pink rathen red. 

Week 8
General Feedback:
Consultation for Task 2
Specific Feedabck: My task 2 document set up in illustrator is ok. I need to do the space rationalization. 

Week 9
General Feedback:
Consulatation for Task 3
Specific Feedback: Collateral and ig layout is okay, just a reminded for the ppt later, don't include the mockup background.

Week 10
General Feedback :
Consultation for Task 3 ppt
Specific Feedback: If I have secondary logo, I need to include the do's and don'ts also. For the corporate stationery, we need to include the specific details and grid layout. For the brand personality part, I need to make it longer. For the letterhead mockup, I also need to find another one as the previous one has many shadow. 

Week 11
General Feedback:
Consultation for Task 3 book layout.
Specific Feedback: Ms said the layout is ok exept some kernings need to be done, and I can proceed to print the book. 

Week 12
General Feedback :
Final PresentationSpecific Feedback : Ms said I have small mistake, typo RECEPTIONIST - RECEPTION. 

Week 13
General Feedback :
 Completeing e-portfolio 

back to top 


REFLECTION

Experience
Preparing on task 1 was a great experience. I am able to understand those keywords from the lectures by practicing , searching, analyzing and breaking the brand KFC. Although at the end of the day, my teamate and I was not really thorough in this research resulting in missing parts, I was grateful Ms gave us the chance to fix it.  

Going through task 2,3 and 4 is such a long process. From thinking of idea of a brand into realizing the idea, make a brand and forming a the book brand guideline. Each stage has it's stuggles. At first, I had no idea what brand to make but after doing some reflection and searching, I decided to focus on music. The next stage, I am again confussed on how to make my brand appear different and unique. Moving on to the sketch stage, I had too much idea and overwhelmed by it. Nevertheless, Ms.Vitiyaa seen my hard work and I am able to choose one to go on. Now is the stage to refine my logo, the idea and overall looks. This part was just okay and I went through it smoothly. Moving on, to the brand positioning & identiy I had quite some times to think of what collaterals really suit my brand and the process of finding relevant and appropriate mock-up really takes up time. I spent much time here. Next is the stage of making presentation slide, I went with a playful attempt and decided to shift into minimalist fun look for the book layout. During this last stage process, I was struggling to have a good book layout, I revise and revise until I am satisfied. Nevertheless, Thank God I am able to finish on time and print the book with the finishing that I like. Overall, I am happy with my journey here!

Observation
During the process, I've observed that there are lots of article regarding KFC, however, my teamate and I should carefully sort and give the most accurate findings for the presentation. During the presentation, I've observed other peers presentation. I've come to see that a brand really has long history and all the values and effort to gain a fame today.  

During the process of task 2, 3 and 4, I've observed that many of my peers take the path to go with a cafe brand and I am quite grateful because seems like no one talk about music. Througout the process, I've realized that simplicity is the key. Playfull and compact logo might seem cool but it has lack legibility. I've also observed that consistency is needed in a logo. in addition, to make a professional brand, lots and lots of steps are required and many need to be considered. Such as the logo's clear space, minimum size and logo do's and don't. I look up for existing brand and see it as a reference for my own path.  

Finding 
At first, I though I knew a lot about KFC. However, while doing task 1 and analyzing the brand bsed on the category given, I've found out a lot new stuffs. Such as how KFC has helped the community, the revisions of logo design and the fact that it's own by Yum! Brand.  

Througout the process of task 2, 3 and 4 I have gained a lot insights of building a brand. I found that making a logo doesn't need to be very complicated as long as it convey the key message to audience. I've also founded that color is very importat part of a brand as it reflects how audience expect about our product or services. I also realized that I don't need to include too many things for my brand application as long as I have the fundamental needed things and requirements. Also I have gained insight for book printing, that we should incorporate bleed in order to have neat finishing. And also to understand that each time reprint the color, measurement might be different as we are all humans and could make errors. Lastly, I would say that feedbacks and guidance from Ms.Vitiyaa had guide me throught this long yet meanignful journey.  

back to top 




Komentar

Postingan populer dari blog ini

Advanced Typography / Task 3 Type Exploration and Application

Advanced Typography / Task 2 Key Artwork and Collateral

Advanced Typography / Task 1 Exercise : Typographic System & Type & play