INFORMATION DESIGN: Project 2

February 20, 2026

INFORMATION DESIGN: Project 2

Week 1-Week 2 (04/02/2026-11/02/2026)

Jennifer Michelle Hiendrawan/0374682

Information Design/Bachelor of Design (Honours) in Creative Media

Project 2

TABLE OF CONTENT

1.Flip class exercise

2.Instructions

3.Task

4.Flip class exercise

5.Feedback

6.Reflection

FLIP CLASS EXERCISE

Week 4: Vector animation

Progress

Final Outcome

INSTRUCTIONS

TASK

Exercise 3: Kinetic Typography

For this assignment, we have to create a kinetic typography project in groups. The groups were assigned by Mr. Martin, and these are my group members

VALERIUS ETHAN WIRAWAN 0372774 (LEADER)

AQUELA ZEFANYA SOARES 0374377

CINDY NOVERIN 0376409

FELICE JOLIN 0373636

JENNIFER MICHELLE HIENDRAWAN 0374682

Muhammad Baihaqi Desya 0377271

SHANNEN HIEW KAR YEE 0354055

NG JIA XUAN 0365069

First, we discussed which song we would use for this assignment. Initially, we chose the song ‘APT.’ However, since we felt that the song lacked expressive elements, we decided to change it and use ‘Luther’ by Kendrick & SZA instead.

After selecting the song for this assignment, we discussed about the color palette, typography, and overall visual style. This is our moodboard.

Fig 3.1 Moodboard

We decided to divide the lyrics into several sections, with each member responsible for one part. Afterwards, we combined all sections into a single composition and collaboratively created the transitions to ensure a cohesive result. Below is the task distribution (my assigned part)

Fig 3.2 task distribution

Here is the progress of my work. I began by developing the concept and determining the design direction. After that, i downloaded all of the pictures and sound on the resources folder

Fig 3.3 resources

After that, I typed the lyrics and inserted the visual elements into After Effects one by one.

Fig 3.4 Progress

I adjusted the position, scale, and opacity of each line and set the keyframes accordingly. Here are some of the progress

Fig 3.5 Progress

I used null objects to ensure smoother movement, shifting the lyrics left and right in synchronization with the song. I use null object for each lines. Here are some of the examples:

Fig 3.6 Progress

Fig 3.7 Progress

Fig 3.8 Progress

I also added animations to selected words and applied effects that corresponded to the meaning of the lyrics.

Fig 3.9 Progress

Fig 3.10 Progress

Fig 3.11 Progress

On week 4, we compile all of our work together and watch our video before the final submission

Final Outcome

Individual

Fig 3.12 Individual final outcome

Fig 3.13 Kinetic Typography Final Outcome Group Pink

Exercise 4: Chart

We were assigned to create an animation about charts using various shapes and types. I got the donut chart. Here is the example that needs to be recreated.

Fig 3.14 Example

Here are the progress. First i created the donut data one by one by adding the trim parts on the beginning and the end of the circle.

Fig 3.15 Progress

I added ease in effect to make the animation more smooth

Fig 3.15 Progress

Then after making the donut, i added the text and the details and animate it one by one.

Fig 3.16 Progress

Here is the final outcome

Fig 3.17 Final Outcome

Exercise 5: Vector animation

For this exercise, i got part A for the vector.

First i separated the layers on adobe illustrator

Fig 3.18 Progress on adobe illustrator

After that, i import the file on Adobe After effects then i make the animation one by one. Here are the progress. I use puppet pin tool to make the animation for the character, grass, tree, etc.