Information Design [ Project 1&2 : Animated Infographic Poster ]

02.18.2025 - 04.03.2025  week 3 - week 5 

Sheryne Axellia Putri / 0367267 / Bachelor of Design (Honours) in Creative Media
Information Design

Project 1

---

TABLE OF CONTENTS

1. Instructions

2. Feedback

3. Reflection

---

          INSTRUCTIONS          

Figure 1.1 Week 3 (18/02/2025) Module Information Booklet.

Project 1: Animated Infographic Poster

After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text. Your main intention is to analyze the “delivery mechanism’s” that affect the outcomes of your infographics.

Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic:

Part 1: Infographic poster :

1. Choose 1 infographic poster reference from Internet (Please consult before proceed).

2. Redesign the poster into A4 size. Sketch the idea and process.

3. Redesign and simplify the poster based on visual hierarchy & typography.

4. Simplify the poster's design based on color, shape & pattern.

5. Attach your final poster on E-Portfolio with explanation and reflective writing.

Part 2: Minimal animated infographic:

1. Animate your infographic poster into one static loop animation page.

2. Loop duration in between 15-30 seconds.

3. Size: 1080 x 1920 px (Vertical Video) upload to your own YouTube channel.

1. Progress 

• 1.1 Poster 

I search for poorly designed infographics and found several that are text-heavy and lack a strong layout. I am particularly interested in redesigning the third infographic (on the right) because its layout is chaotic and does not guide the viewer's eye effectively. But before that, I showed the three infographics to Mr. Fauzi, and he said to go with the middle one.

• Mood board

This is the mood board. I want the poster to be inspiring and to encourage people to engage with a healthy lifestyle. It should incorporate sports elements and bold colors, creating something fun and energetic that invites people to read.

• Sketch/ideation

Following that, I meticulously compiled a list of essential information and key points, allowing me to vividly envision the layout of the poster. To further enhance my creative process, I crafted detailed sketches of the various elements I intended to incorporate, each one capturing the essence of my ideas and bringing them to life on the page.

I traced a picture of a man running and divide the body parts into his right & left arm, right & left leg, torso, and head. Because I planned to animate a running animation.

The color palette I used.

After sketching the initial outline of the man, I made the layout and each element. And used the color palette I had selected.

Because I feel the man figure is too bland, I decided to shade the muscles, and some of the elements from the poster.

This week, I presented my poster to Mr. Fauzi. He pointed out that the background color was overly dark, casting a shadow over the key information. He also suggested that I condense the text in the box to make it more concise and impactful. His feedbacks helped me to refine my design and enhance the overall presentation.

• 1.2 Animation 

I used After effect to make my animation, and used the puppet tool to make like a breathing animation for the torso, but for the other body parts, I animate is by using the transformation tool and rotate/move it.

The image on the right is the original poster, while the left one is the last frame from the animation, illustrating the movement of the man running.

2. Final Submission 

• 2.1 Poster 

• 2.2 Animation 

---

          FEEDBACK          

Week 4 

• Specific feedback: Do continue using the middle poster, you can refine the information, make more elements and remake the poster itself.

Week 5 

• Specific feedback: The background color is quite dark, which creates a heavy atmosphere. Additionally, the amount of information presented feels overwhelming. I would appreciate a more streamlined and straightforward approach. For the animation, please refer to my examples; it's important that the movement enhances the reading experience rather than distracts from it.

---

          REFLECTION          

Experience

This project was fun to do,  I did run into some challenges with managing my time because I wasn't feeling well, but I’m really proud of how my poster turned out. It felt great to get back into After Effects and play around with my ideas again. Plus, I get to use the knowledge I picked up from previous exercises.

Observation

When creating the animation, I wanted to avoid any elements that might draw too much attention away from the message, which could lead to distraction. To achieve this, I focused on a minimalist approach to the animation. For the running sequence, I designed the character's movements to convey a sense of speed and urgency while still maintaining clarity; he appears to be in motion, sprinting energetically, yet the actions are subtle enough that they don't detract from the surrounding content.

Findings 

Regardless of the volume of information you include in your infographic or plain poster, the paramount factor to consider is readability. Clarity is key; it allows your audience to effortlessly absorb your message without feeling overwhelmed