FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION

23 June 2025 - 20 July 2025 / Week 10 - Week 13

Alicia Lo Yann Wei (0357917)

Bachelor of Mass Communication (Honours) (Digital Media Production)

Information Design

Final Project: Infographic Video Animation

JUMPLINK

1.0 INSTRUCTION
2.0 LECTURE
3.0 FINAL PROJECT: PROPOSAL PROCESS WORK
4.0 FINAL PROJECT: ANIMATION PROCESS WORK
5.0 FINAL OUTCOME OF INFOGRAPHIC ANIMATED VIDEO
6.0 FEEDBACK
7.0 REFLECTION

1.0 INSTRUCTION

2.0 LECTURE

Week 11: Constructive Workflow

Understanding the task: Begin by fully understanding the project brief and asking the right questions to clarify the objective.

Strategic planning:
  • Evaluate collected data
  • Identify pros and cons of content approaches
  • Create a clear content creation plan
  • Understand the intended outcome
  • Refer to case studies as guidance

Organizing files:
  • Create structured folders for each stage of the project
  • Continuously update and sync all files to track progress

Gathering inspiration:
  • Explore existing works for design and animation ideas
  • Use references for guidance, not copying

Setting boundaries and direction:
  • Identify team strengths
  • Use references as benchmarks
  • Combine logical planning (left brain) with creative thinking (right brain) to find effective solutions

Weeks 12–14: Consultation Weeks


3.0 FINAL PROJECT: PROPOSAL PROCESS WORK

For our final video animation project, we were tasked with producing an engaging and informative animation based on our FLIP group research topic. The goal was to raise awareness, explain a process, or define a concept for a target audience. We were encouraged to use either photography or vector graphics and bring our visuals to life through animation.

As the group leader, I initiated and facilitated a group meeting to brainstorm potential topics. Initially, we considered creating a simple explainer about camping. However, after a productive discussion, we agreed to expand the scope of our project to have a more meaningful impact. This led us to the idea of promoting eco-friendly camping that combines educational content with environmental awareness.

Fig 3.1 Proposal Title for Animated Infographic Video


Fig 3.2 Proposal of Group 05

I also used L.A.T.C.H principles to organize our content and ensuring that every important keypoints is included in our infographic animated video.


Fig 3.3 L.A.T.C.H Principles

After finalizing the topic, I delegated responsibilities among group members. I first documented our ideas and proposal in a shared document to ensure everyone was on the same page. We then conducted research on best practices for eco-friendly camping. 

I compiled all the relevant information we gathered and assigned my teammates to integrate their parts into our FLIP presentation slides. While curating the content, I came across the seven “Leave No Trace” principles, which I found to be a comprehensive framework that could effectively structure our video content. These principles helped streamline and organize our material under a clear and logical structure.

Fig 3.4 Delegation of Task

I took the lead in editing the presentation slides, ensuring that they featured a clean, cohesive vector graphic style and were visually engaging. I also made sure the information was arranged in a logical flow without any repetition.




Fig 3.5 Presentation Slides

4.0 FINAL PROJECT: ANIMATION PROCESS WORK

After completing the proposal and presentation slides, we presented our work to Mr. Fauzi for feedback. 

Following that, I collaborated with my teammate, Chear Tze Yew, to begin developing the storyboard and AV script, including voiceover directions. To enhance our visual planning, we researched online images to better visualize each scene.

Fig 4.1 Storyboard

Fig 4.2 AV Script
Once the script was finalized, I delegated tasks accordingly. I took responsibility for designing the main scenes, recording voiceovers, and compiling all the completed scenes into the final animation.

Fig 4.3 Voice Over Recording


For Scene 6, which covers carpooling to a campsite, I began by sourcing vector elements in Canva. I designed several slides and then downloaded them with transparent backgrounds. 


Fig 4.4 S6 Canva Slides 

To enhance the animation quality, I imported these assets into Photoshop and then animated them in After Effects (AE).

Fig 4.5 S6 Photoshop Layers

Fig 4.6 S6 AE Animation Layers


In Scene 7, which shows campers setting up a tent, I applied the same method like designing in Canva, placing some of the elements in Photoshop, and animating in After Effects.

Fig 4.7 S7 Canva Slide


Fig 4.8 S7 Photoshop Layers

Fig 4.9 S7 AE Layers


For Scene 8, I primarily used Canva’s built-in animation tools. However, for the final shot, showing waste being thrown into a rubbish bin, I utilized After Effects to achieve more precise animation control.

Fig 4.10 Water Bottle AE Layers



In the final scene, I returned to Canva for the overall animation, ensuring a consistent style that wrapped up the video effectively.


Fig 4.11 S13 Cnava Slides

Fig 4.2 S13 AE Layers


After completing all individual scene animations, I uploaded my video clips to Google Drive for easy sharing. I also downloaded the scenes created by my groupmates and imported all the clips into CapCut for final compilation.

Fig 4.13 Google Drive 

In CapCut, I combined all the scenes, ensuring a smooth visual flow between transitions. I also added subtitles for clarity and accessibility, and selected background music that matched the tone and message of our animation.

Fig 4.14 Capcut Editing

5.0 FINAL OUTCOME OF INFOGRAPHIC ANIMATED VIDEO



Click HERE to view the Google Drive Folder

Click HERE to view the video in Youtube

6.0 FEEDBACK

When we first presented our slides, Mr. Fauzi mentioned that what we showed matched what he had expected from us, but I personally felt the design wasn’t appealing enough. I wasn’t fully satisfied with how the slides looked or flowed. After discussing it with my group, we decided to start fresh with a new design in Canva and restructured everything by carefully placing our information into the updated layout.

In the following week, Mr. Fauzi reviewed our progress again and gave us the green light to continue developing the project. At that point, I began delegating tasks to my groupmates based on their strengths and the updated script.

Later on, Mr. Fauzi suggested that we could improve the project further by adding more data to support our message. This feedback helped us rethink how we could make the animation more informative and impactful.

7.0 REFLECTION

This project taught me a lot about how animation can be used to share meaningful messages. At first, our idea was simple, but as we developed it, we realized we could do more than just explain camping or just used simple animation in canva.

Throughout the process, I explored different tools like Canva, After Effects, and Premiere Pro. I learned how to design scenes, add voiceovers, and bring everything together with music and motion. It took time and trial, but with each step, I became more confident in combining visuals and sound to deliver a clear message.

I also learned how important structure is. Using the LATCH principle helped me organize the content in a way that felt smooth and easy to follow. It made me more thoughtful about how people absorb information, and how design choices, like pacing, layout, and animation that can help guide their attention.

One of the most valuable parts of this project was learning how to balance everything: text, images, voice, and music. I wanted every part to support the message without making it feel too busy. That process helped me grow not just technically, but creatively.

Overall, this project pushed me to be more intentional with how I tell stories. It was rewarding to see our work come together, and even more so knowing that it could help others think differently about how they treat nature. It was a meaningful experience that helped me grow as a designer, a teammate and a group leader.

Comments

Popular posts from this blog