Information Design | Project 1 : Animated Infographic Poster

24 Feb 2025 -  3 Mar 2025 | (Week 4 - Week 5 )
Chan Xiang Lam | 0358400 

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

Project 1 | Part 1 & Part 2

---

TABLE CONTENT   

    1. Lectures

    2. Instructions

    3. Project 1 

        - Part 1 | Infographic poster

        - Part 2 | Minimal animated infographic

    4. Reflections    

---

LECTURES

Lectures 1 to 3 completed in Exercises 1&2

Week 4 | Manuel Lima’s 9 Directives Manifesto

Week 5 | Constructive Workflow

Constructive Workflow

---

INSTRUCTIONS

---

PROJECT 1

Part 1 | Infographic poster

INSTRUCTION:

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

Progress

    1. Visual References

Gathering References: Before starting, I searched for design inspirations on Pinterest, analyzing different infographic styles, color schemes, and layouts.

Fig.1.1.1 Reference from Pinterest

Fig.1.1.2 Reference from Pinterest

    2. Sketches 

 Based on my research, I created rough sketches to determine the layout and flow of the infographic.

Fig.1.2.1 Sketches

    3. Digitisation

The poster was structured using a grid layout with numbers steps  to create a clear and easy-to-follow visual hierarchy. I designed simple flat icons representing handwashing actions to make the process visually engaging.

Fig.1.3.1 idea#1

Fig.1.3.2 Progression #1

Fig.1.3.3 Progression #2

Final Outcome Part 1

Fig.1.4 Final Outcome Part 1

Fig.2.6 Final Outcome - pdf 

Part 2 | Minimal animated infographic

INSTRUCTION:

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

2. Loop duration in between 15-30 second

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

SUBMISSION:

1. Digital upload into your Google Drive.

2. Online posts in your E-Portfolio and your reflective writing.

(Please attach the E-Portfolio link here for submission.)

Progress

 After completing the static infographic, I planned the animation sequence, ensuring each step transitions smoothly to guide the viewer. Each step was timed properly to allow viewers to follow along easily. The final animation was designed to loop seamlessly, ensuring a continuous and natural flow.

Fig.2.1 Progression #1

Fig.2.2 Progression #2

Final Outcome Part 2

Final Outcome Project 1

 Final Outcome PART 1

 Final Outcome PART 2

---

REFLECTIONS

In this project, I redesigned an infographic to make it clearer and more visually appealing. I simplified the content and created a smooth looping animation. The challenge was to keep it simple while keeping all key information easy to understand.

A well-structured layout makes information easier to read and follow. Good hierarchy and organization help guide the viewer’s attention, making the content more engaging and effective. A clean and minimal design improves readability without overwhelming the audience.

Simplifying content improves clarity, and structured layouts with numbering help viewers process information quickly. Creating a smooth animation loop requires precise timing to ensure seamless transitions. This project highlighted the importance of balancing design and readability for effective communication.