Information Design / Project 1&2

10/02/25 - 03/03/25 (Week 3 - Week 5)

Isabel Tan Xen Wern / 0355602 / Bachelor(hons) in creative media / Taylors University

Information Design / GCD60504

Project 1

JUMPLINK

Introduction



Animation Progress


Reflection




INTRODUCTION

Figure 1.1
MIB (03/02/25)


Progress

Figure 1.2
Chosen infographic poster (25/02/25)



Inspiration


Figure 1.3
Inspiration 01 (25/02/25)

  • My Idea is a roadway-themed design where as shown in Figure 1.3, It is a road leading to the steps with added graphics for each.
Figure 1.4
Inspiration 02 (25/02/25)


  • I chose this as the shape design of the road as it isn't too messy and hard to follow.



Designing Progress

Figure 1.5
Sketch (25/02/25)

  • These are my sketches based on the inspiration above.

Figure 1.6
Sketch (25/02/25)

  • These are some of the other ideas.
  • These are backup ideas in case the road idea doesn't work well.
Figure 1.7
Creating the graphics (01/03/25)

  • I created the graphics in Adobe Illustrator first as it is much more convenient and visually pleasing.
  • I created the shapes using the pen tool and the colors were chosen based on the original poster.
  • I used online photos as inspiration for these graphics.


Figure 1.8
Final Graphics design (01/03/25)

  • after completing the graphics for the poster, I added the 'Z' shaped roads based on the color.
  • I added a guild as the side to prepare the design to be moved to InDesign for the typography.


Figure 1.9
Adobe Indesign (01/03/25)

  • I transferred the design to Indesign to create the typography.
  • I added guilds and adjusted the graphics based on the guilds.

Figure 2.1
Color (01/03/25)

  • I chose the color of the background and title to be lighter to put more emphasis on the graphics and typography.


Figure 2.2
static poster attempt 1 (01/03/25)

  • Sir's feedback suggested that my graphic is fine but the layout of the information does not match
  • It is too simple and sir suggested to align the words with the graphic or I could put the graphic in the middle and go from there.

FINAL SUBMISSION

Figure 2.3
static poster final submission(01/03/25)




Animation Process

Figure 2.4
Adobe After Effects (02/03/25)

  • I decided to use Adobe Aftereffects because it would be a simple animation with no need for frame-by-frame.
  • First, I change the names of all the layers in Adobe Illustrator to make it easier to navigate in After Effects.
  • Then I transferred the file to After Effects.

Figure 2.5
Animating(02/03/25)

  • I adjusted the position for the graphics that I wanted animated.
  • I used both rotation and position tools to animate the final poster.
  • I proceeded to use the same adobe after effects to create a 20-second loop video of the animation.


Figure 2.6
animation attempt 1(03/03/25)

  • Sir says the animation is fine and that the graphics just need to be a little faster.

FINAL SUBMISSION

Figure 2.7
Final animation submission(03/03/25)


REFLECTION

For this project, we were tasked with finding an infographic poster that lacked visual appeal and redesigning it to improve its clarity and aesthetics. I chose a road design theme and created custom graphics in Illustrator to enhance the overall look. This process was time-consuming, but I genuinely enjoyed it because it had been a while since I last used Illustrator. It felt great to revisit the software and refine my vector design skills.

The next challenge was animating the infographic in After Effects. Since I hadn't used After Effects in a long time, I had to relearn many functions, which was initially overwhelming. However, as I progressed, I started to recall techniques and became more comfortable navigating the software. The animation process required patience and experimentation, but it ultimately helped me improve my motion design skills.

Looking at the final result, I feel satisfied with how the redesign and animation turned out. The project pushed me to revisit tools I hadn't used in a while, and I appreciate the opportunity to challenge myself creatively. Moving forward, I’d like to continue practicing both Illustrator and After Effects to further refine my workflow and efficiency.



Comments

Post a Comment

Popular posts from this blog

Sonic design / Exercises

Image
21/04/2025 - 18/05/2025 (Week 01 - Week 04) Isabel Tan Xen Wern / 0355602 / Bachelor(hons) in creative media / Taylors University Sonic Design / VSA60204 Exercises JUMPLINK Lectures Introduction Exercise 01 Exercise 02 Exercise 03 Reflection LECTURES Week 01 (21/04/25): Nature of Sound A vibration of air molecules that stimulates our eardrums. Figure 1.1 Stages of sound (21/04/25) Production: source the sound. Propagation: the medium in which the sound travels. Perception: how the sound is perceived. Human Ear Figure 1.2 Human Ear (21/04/25) The outer ear: The external, visible portion of the ear and the ear ...
Read more

Major Project / Task 01 : Proposal Development

Image
  03/02/25 - 19/02/25 (Week 01 - Week 03) Isabel Tan Xen Wern / 0355602 /   Bachelor(hons) in creative media / Taylors University Major Project I / PRJ64904 Task 01: Proposal Development JUMP-LINK Introduction Progression Final Submission Reflection INTRODUCTION Figure 1.1 Instructions (05/02/25) Progression For starters, we split the parts equally within our group members. I was in charge of the art direction and the overall narrative of the storyline. Figure 1.2 Story Idea (10/02/25) This storyline was to raise awareness of the recent ongoing forest fire. It shows the fire from the pers...
Read more

Motion Graphic and Compositing / Project 02: Channel Bumper

Image
16/06/25 - 20/06/25 (Week 6 - Week 9) Isabel Tan Xen Wern / 0355602 / Bachelor(Hons) in Creative media / Taylors University Motion Graphics and Compositing / DST60704 Project 02: Channel Bumper JUMPLINK Introduction Progression Submission Reflection INTRODUCTION Figure 1.1 MIB (16/06/25) Progression  Chosen Brand: Zus Coffee Figure 1.2 Task 1: Moodboard and reference (20/05/25) For Project 03, we had the idea to promote the capybara promo drinks. Figure 1.3 Storyboard (17/06/25) Figure 1.4 Storyboard (17/06/25) I decided on a simple composition using vector design. Using a mix of images and designs i created myself. Originally, I wanted to make the entire thing using the pen tool and illustration but sir adviced me not to do so. Figure 1.5 Zus logo (18/06/25) I could not find a Zus logo cutout online, so I trie...
Read more