Advanced Typography: Task 2- Key Artwork Collateral
14/5/25 - 11/6/25 // Week 4 - Week 8
Chuah Shu En // 0368157
Bachelor of Design (Honors) in Creative Media
Advanced Typography // Task 2: Key Artwork Collateral
Table of Contents
Lectures
Week 5:
In regards to typography, perception deals with the interpretation and visual navigation of the reader of the content by contrast, form and organisation.
Instructions
<iframe
src="https://drive.google.com/file/d/1a18J2Y5__-fb7ZeJafUWLvu-Q3yz3KG6/preview"
width="640" height="480" allow="autoplay"></iframe>
Task
Task 2A:
Fig 1.1, Mindmap and inspo (20/5/25)
From the mindmap, I then started my first attempt.
Fig 1.2, First attempt (20/5/25)
Mr Vinod gave feedback that it didn't communicate the designer aspect of myself much so I decided to rework my idea.
Fig 1.5, After feedback (27/5/25)
Colour hex codes:
#fa812f
#ffb22c
#f3c623
#fef3e2
Next we had to make an animation of our key artwork. I started with adding keyframes to my image.
Fig 1.7, Animation process (3/6/25)
Fig 1.8, Key artwork animation (3/6/25)
Task 2B:
Fig 2.0, Mockup #2 (3/6/25)
Fig 2.1, Mockup #3 (3/6/25)
Fig 2.2, Grid process (3/6/25)
Fig 2.4, Black wordmark on white background (10/6/25)
Fig 2.5, White wordmark on black background (10/6/25)
Fig 2.6, Colour palette (10/6/25)
Fig 2.7, Wordmark in actual colours on the lightest shade of colour palette
(10/6/25)
Fig 2.8, Wordmark in actual colours on the darkest shade of colour
palette (10/6/25)
Fig 2.8, Key artwork animation (10/6/25)
Fig 2.9, Task 2A Final PDF (10/6/25)
<iframe
src="https://drive.google.com/file/d/1w20vZhrnmFRerNFgqNn73pVhOA1kmFiT/preview"
width="640" height="480" allow="autoplay"></iframe>
Fig 3.0, Collateral 1 (10/6/25)
Fig 3.1, Collateral 2 (10/6/25)
Fig 3.2, Collateral 3 (10/6/25)
Fig 3.2, Layout (10/6/25)
Link to Instagram page: https://www.instagram.com/shuuuuuuu05?igsh=MXFraHFqN2ZreXV5Yw==
Fig 3.3, Instagram page (10/6/25)
Fig 3.4, Task 2B Final Compilation PDF (10/6/25)
Feedback
Week 5
Specific Feedback: Try to communicate yourself as a designer through your
wordmark.
Week 6
Specific feedback: Adjust the height so that it's consistent and follow the
ascender line.
Week 7
-
Week 8
-
Reflection
Experience:
The process of exploring my personality and translating it into my own brand was fun. Mr Vinod gave a lot of tips on how to think about our assignment and it really made it interesting. Being progressive in nature, this task needed lots thought and time management put into it. Feedback sessions were also really interesting as I got to see many of my fellow classmate's personalities shine through their key artworks.
Observation:
The feedback given was very practical and tailored to each student's ideas. I took some of the feedback given to my classmates and applied it in my own work as well.
Findings:
I've realized through this assignment that brands do put a lot of thought into how they curate their logos and wordmarks and how they position themselves in the customer's mind. This challenges me to be more observant and think about how I can be a more intentional designer.
Further Reading
An article I found online about collateral design strategies.
Common examples of marketing collaterals:
- Brochures
- Business cards
- Flyers
- Posters
- Email templates
- Social media graphics
Key principles of collateral design include:
- Layout
- Colour schemes
- Typography
- Consistent brand identity
Comments
Post a Comment