Information Design / Final Project: Infographic Video Animation

03.02.2025 - 28.03.2025 / (Week 1 - Week 7)
Gunn Joey / 0366122
Information Design / Bachelor of Design (Hons) in Creative Media 
Final Project: Infographic Video Animation


TABLE OF CONTENTS

1. Module Information Booklet
2. Flip Presentation
3. Final Project
4. Project Timeline
5. Feedback
6. Reflection


MODULE INFORMATION BOOKLET 



FLIP PRESENTATION

Task Requirements
  • Based on FLIP group topic research, produce a basic video animation
  • Using a processed design framework, produce an infographic report to present the given information to a "target audience" with the purpose of:
    • Creating awareness
    • Explaining a process
    • Defining a concept
  • Any time based media and software using Photography, vector imagery
Design Considerations
  • Organization Principles — LATCH and Content Organization
  • Aesthetic Principles — Animation principles
  • Cognitive Principles — Principles of Visualisation
Output Expectation
  • Show causality
  • Multivariate graphics and visuals
  • Integrate word number and images
  • Content count
  • Within eyesight
  • Use multiple charts
  • Do not de-quantify
Submission Requirements
  • Video Size: 1920 x 1080px (min 1.5 mins, max 3mins)
  • Upload into YouTube (unlisted)
  • Digital compilation into your Google Drive Folder
  • Online posts in your E-Portfolio as your reflective studies
Instructions

For the presentation, will be presenting our Final Project topic. Here are the outlines for the presentation to guide each group.

1. Introduction
2. Why Choose the Topic
3. Objective of the video
4. Target Audience
5. Key Information & Data
6. Sources & References

Click here to view Flip Presentation in Canva.


FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION

Click here to view document in Google Docs.

Progress

Roles and Tasks:

In Week 1, Mr. Shamsul instructed us to form groups of 10 members. Our group is Group 1 from Section 1, with Lim Yu Xuen as our group leader. We then assigned tasks and roles to each member to ensure active participation in both the flip presentation and the final project.


Draft

We began by drafting our initial version of the script and storyboard. This first attempt served as a starting point to guide our ideas and provide a clear direction for the team moving forward. This draft helped us identify areas that needed improvement and allowed us to plan our next steps more effectively as we continued to develop our project.


Script and Storyboard

We made several revisions based on our initial version of the script and storyboard. After refining the content, we consulted Mr. Shamsul to seek his guidance and suggestions for improvement. Once Mr. Shamsul approved the revised version, we moved forward with the next phase of our project, developing the illustrations and beginning the animation process. 

Click here to view storyboard in Canva.


Sketches

Following the approved storyboard, our group members began working on the initial sketches for our final project. These sketches were crucial in visualizing the scenes and characters. 



Illustration and Animation

Click here to view illustration and animation in Canva.

Our group members began by distributing the draft versions of the illustrations and animation based on the approved storyboard. Once the drafts were completed and reviewed, we proceeded to digitize our work using Adobe Illustrator for the illustrations and Adobe After Effects for the animation. 

Sound Effects and Voiceover

Click here to view recorded VoiceOver and sound effects in Google Drive.



FINAL SUBMISSION

Click here to view final submission in YouTube.
PROJECT TIMELINE

Week 1 / Discussion
  • Got into groups

  • Choose and finalised topic

  • Progressed with FLIP Presentation Slides

Week 2 / FLIP Presentation
  • Progressed and finalised FLIP Presentation Slides

  • Completed group presentation online
Week 3 / No Progress
  • Improvised on FLIP Presentation Slides based on lecturers’ feedback
Week 4 / Group Discussion
  • Physical Discussion of Task Distribution

  • Content visualisation

Week 5 / Script & Storyboard
  • Progress on Script and Storyboard
Week 6 / Illustration and Animation
  • Progress on Visual Illustration element on Adobe Illustrator

  • Final Refinement and Improvisation of Animation with Canva and After Effect

Week 7 / Voice Effects
  • Recording Voiceover

  • Adjusting length of video animation to voice over recordings

  • Editing voiceover into video



FEEDBACK

Week 1: You will be presenting your Final Project topic in the upcoming week, so it is important to prepare well. Your topic should be clear, focused and easy for others to understand. Make sure you have a solid plan for how you will explain your idea and support it with reliable information. Adding simple and relevant visuals will help your audience follow along better. 

Week 2: The topic you have chosen is a good one and has the potential to give useful and relatable information. To make it even better, consider adding some facts, data, or statistics that support your message. This will make your infographic more engaging and informative. Also, think about how you can apply the LATCH method (Location, Alphabet, Time, Category and Hierarchy) to arrange your content in a clearer and more organized way. 

Week 5: Make sure there is a good balance between visuals and information by adding charts, cost comparisons, and other helpful graphics. At the moment, the storyboard feels more like a short narrative instead of an infographic-style video. It needs to be adjusted to match the purpose. Don’t forget to include the key points from your Flip presentation and end the video with a clear and strong conclusion.

Week 6: The storyboard and script have been approved. Since Canva is the chosen tool for animation, it’s important to keep the video high quality and under 3 minutes. Animators should slow down some scenes so viewers can read the text comfortably. For illustrators, make sure the typefaces are consistent, use a clean, modern font for body text, and keep the current one for headings. Typography and visual elements should be made more consistent across the entire video. 

Week 7: Have at least voiceover and sound effects in certain parts, add song if needed


REFLECTION

Our Flip presentation on “Purchasing vs. Adopting Pets” helped us explore the topic from different angles, such as ethical, financial, and social aspects. By turning our research into a clear and visually appealing infographic, we aimed to highlight the key differences and encourage responsible pet ownership. This stage improved our skills in research, design, and presenting information, although we noticed the need to work on our speaking delivery and use more real-life examples.

As the project moved forward, we refined our content through research, feedback, and the use of infographic techniques like L.A.T.C.H. We added useful visuals like charts and cost breakdowns to make the information easier to understand. While adjusting the storyboard for the animated video, we focused on making it more informative rather than narrative-based. We also improved visual consistency by using matching fonts and clearer layout designs, and adjusted the timing of animations to improve readability.

In the final stages, we added elements like voiceovers, sound effects, and background music to make the video more engaging. The overall project helped us improve our ability to share information in a creative and meaningful way. More than just a design task, this experience helped us better understand how to deliver a message clearly, responsibly, and visually.



Comments