Labels

Information Design / Final Project


3.2.2025 - 23.3.2025  / Week 1 - Week 7
Bong Sue Zhiun / 0366866
Information Design / Bachelor of Design ( Hons ) in Creative Media
Final Project: Infographic Video Animation


TABLE OF CONTENTS



INSTRUCTIONS





PROJECT



PART 1: FLIP PRESENTATION

For this project, we will work in groups and choose a topic that interests us. After selecting the topic, we will research it and present our findings in a FLIP presentation.

In Week 1, we discussed and chose the topic "Adopting vs. Buying Pets." Then, we assigned tasks to everyone and started researching to gather information for our FLIP presentation slides. 

Tasks were assigned based on the presentation outline as follows:

  1. Introduction - Sue Zhiun (me)
  2. Why We Chose This Topic - Emily
  3. Objective of the Video - Charmine, Kerly, Weehan
  4. Target Audience - Suet Yee
  5. Key Information & Data - Wei Yi, Joey, Angel
  6. Sources & References - everyone
Fix on overall slides - Yu Xuen

We presented it online in Week 2. Below are our slides for the FLIP presentation.

PART 2: INFOGRAPHIC VIDEO ANIMATION

After presenting our topic, we moved on to the next step—creating a basic video animation based on our FLIP group topic. The video will be presented as an infographic to share information with a target audience. The goal is to:
  1. Raise awareness (e.g., Global Warming, Recycling)
  2. Explain a process (e.g., How-To videos)
  3. Define a concept (e.g., What is Fast Fashion? What is the Color Wheel?)

Design Consideration:
  • Organization Principles – LATCH and Content Organization
  • Aesthetic Principles – Animation principles 
  • Cognitive Principles – Principles of visualization 

Output Expectation:

Our final video should:
  • Show causality  
  • Multivariate graphics and visuals 
  • Integrate word numbers and images 
  • Content count 
  • Within eyesight 
  • Use multiple charts 
  • Do not de-quantify

Requirement:

  • Video Resolution: 1920px x 1080px HD
  • Duration: Minimum 1.5 minutes, Maximum 3 minutes
--------------------------------------------------------------------------------------------------------------------------------

Our Member Roles for the Infographic Video:

Storyboard & Scripts - Emily, Suetyee
Illustration & Animation - Wee Han, Charmine, Kerly,  Angel, Sue Zhiun (me)
Voice Effects - Yu Xuen, Wei Yi, Joey

The storyboard & script were completed in Week 5, and we received feedback from Mr. Shamsul. He mentioned that our storyboard feels more like a short story rather than an infographic video. So, we had to revise and update the storyboard using the information we gathered from our FLIP presentation to ensure it aligned with an infographic video format.

This is the link to the new storyboard & scripts, which was approved by Mr. Shamsul in Week 6: Storyboard and Scripts

Information Design Storyboard 


Since the approved storyboard felt more like presentation slides, I discussed with my Illustration & Animation team how to make it more engaging by enhancing the graphics and presenting the information more effectively. Based on the approved storyboard slides, we decided to use Canva as our animation platform because it’s more convenient for everyone. It allows easy access and editing, and we can quickly import our illustrations from Illustrator to animate them seamlessly.

For slides 1-2, I had the idea of creating a very short story before directly introducing the topic.

Fig.3.1 Slides 1-2, Week 6, 10.3.2025

I discussed the idea with my Illustration & Animation team, and we decided to show a dog being abandoned (a car throws the dog by the roadside) as the opening scene. This helps set up the discussion about pet abandonment that follows. 

After that, I drew the illustration for this scene and animated it using Canva for testing. It turned out well, so we decided to keep it as our short story intro.

Fig.3.2 Illustration made for the short story, Week 6, 10.3.2025



Fig.3.3 Animating the scene using Canva, Week 6, 10.3.2025


Next, we moved on to Slides 1– 4 from the approved storyboard. We discussed the necessary graphics and planned how to make the video flow smoothly like an infographic video.

Fig.3.4 Slides 1- 4, Week 6, 10.3.2025


Here are the scenes I made for slides 1-4. They mainly include text, information, and some graphics.

Fig.3.5 Scenes that I made, Week 6, 10.3.2025


I also drew a house to represent the animal shelter for slide 2.

Fig.3.6 Illustration that I created, Week 6, 10.3.2025


Fig.3.7 Add the animal shelter illustration I created into the video, Week 6, 10.3.2025


We finished the video up to slide 6 before the Week 6 tutorial class and showed our progress to Mr. Shamsul. He said we were on the right track and could continue. He suggested using a modern font for the body text while keeping the current font for headings. He also reminded us to keep the fonts and illustrations consistent throughout the video.

Since it was hard to decide what to draw and how to animate without a clear storyboard, we had an in-person discussion during Week 6, starting with slide 12 from the approved storyboard. During the discussion, we also removed some unnecessary information, as the feedback in Week 2 suggested reducing the amount of information presented.

Below is the list of illustrations I created based on our discussion. It also includes the revised storyboard drawn by Charmine.

Illustration List 


After planning all the illustrations and deciding on the video flow, we divided the tasks among the five of us:

  • Slide 14-15: Angel
  • Slide 16-17: Kerly
  • Slide 18-19: Wee Han
  • Slide 26-35: Charmine & Sue Zhiun (me)
For Charmine and my part, Charmine was responsible for drawing all the illustrations, and I was responsible for animating them. After Charmine completed the illustrations, she sent the file to me for refinements. I adjusted some colors to better match the overall look of our video. Then, she imported the graphics into Canva and arranged them according to our planned storyboard.

After Charmine finished her part, I started animating the graphic elements, adjusting the video transitions, and testing different color tones to find the most suitable one for the video. I also added the updated script into Canva by writing it in the notes for each scene. With that, my part was completed.


Vid.3.1 Final Submission / Infographic Video Animation, Week 7, 23.3.2025 




FEEDBACK

Week 2

Specific Feedback:

  • Reduce the amount of information presented.

  • Create a comparison infographic.

  • Add links to slides or the e-portfolio.

Week 5

Specific Feedback: 
  • Revise and update the storyboard.
  • Right now, it feels more like a short story and doesn’t really look like an infographic video, it’s missing key information.
  • Make it more static and balanced with graphics and info (like charts and icons). A storyline isn’t necessary.
  • You can reuse some scenes and add the information from our presentation slides to the video.

Week 6

Specific Feedback: 

  • Storyboard & Script have been approved.
  • Ensure the animation quality is strong, especially since we are using Canva.
  • Keep the video within 3 minutes.
  • Animators: Adjust pacing by holding certain parts longer to make the text easier to read; it's currently too fast.
  • Illustrators:
    • Use a modern typeface for body text.
    • Keep the current typeface for headings, but choose a different one for body text.
    • Maintain consistency in typeface and illustrations.

Week 7

Specific Feedback: 
  • Animation is clear
  • Timing is well-balanced
  • Graphic elements are well-executed
  • Layout is well-structured


REFLECTION


This project was a good learning experience. I improved my illustration and animation skills while making the visuals more interesting. Working with my team helped me understand the importance of communication and teamwork to keep our design consistent. I also learned that typography, layout, and animation timing are important for clear information. Choosing the right colors, fonts, and transitions made the video look better. Overall, this project helped me grow my creative and technical skills. It also showed me that feedback and revisions can make a project much better. I’m happy with what we created as a team!
Labels:

Comments

Post a Comment

Popular Posts