Information Design: Final Project

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

Work Progress

1. FLIP Presentation

My group and I was tasked to select a topic and present it during week 2. Listed below are my group members for this final project.

Section 1 Team 1:

Lim Yu Xuen 0359676 (Group Leader / Me)
Bong Sue Zhiun 0366866
Kerly Ooi 0358726
Chai Wei Yi 0369561
Chong Wee Han 0368863
Charmine Chong Xi Man 0359403
Gunn Joey 0366122
Emily Goh Jin Yee 0357722
Chan Suet Yee 0358427
Angel Tan Xin Kei 0356117

Throughout the weeks, we split roles to make sure everyone in the group participates and contributes to this final project. Attached below is the list of roles and tasks for each member.

2. Topic Selection

In the first week, our group selected the topic of adopting VS buying pets. We then conducted research based on the provided guidelines and created a moodboard.

In the second week, we presented our findings during teams meeting and received feedback suggesting we could include numerical infographics since it is an information design-based project.

Project Title: Adopting VS Buying Pets

Click HERE to read more about the about FLIP Presentation Blog.

3. Visual References

To enhance our visual style, we curated simple clipart references and embraced a charming, minimalist aesthetic. This approach not only streamlined consistency across our illustration team but also fostered a cohesive creative direction. Furthermore, we analyzed diverse video references to refine our storyboard and script, ensuring a seamless and captivating presentation.

Figure 2.1 Video & Visual References

Figure 2.2 Video & Visual References

4. Storyboard & Script

For our first idea, we decided to go with a story about a girl adopting a dog, aiming to use storytelling to convey key information. But after receiving feedback on this idea, Mr Shamsul said it is too story-driven and he suggested us to change our idea and storyboard to a more information-based video, using the content we presented in our FLIP presentation.

#1 Attempt of Storyboard

Figure 2.3 Storyboard 1

#2 & Final Attempt of Storyboard

Figure 2.4 Storyboard 2

5. Illustration

The illustration team did the illustrations and discussions on their own timing. As I was not part of this since I am tasked for the Audio effects, I can't show anything. Hence, I will attach a PDF of the mood board they used to start on illustrating.

Figure 2.5 Illustration List

6. Animation In Canva

The Illustration team are tasked with Animating as well, because they would prefer to finish their parts based on their own ideas. It will messy if animation and illustration team is seperated. They used Canva to animate the elements.

Figure 2.6 Animation in Canva

7. Audio Effects

As I am part of the audio team, I first tasked my 2 other members who are Wei Yi and Joey to find MP3 audios and upload them into a Google Drive folder. They were required to make a table on the google document to make it easier for me to refer. While they look for the audio files, I worked on recording the voiceovers.

Voiceover

I used my trusty Iphone to record the voiceovers while referring to the script. It took awhile to finish up all the audios but I made sure to title them to ease the editing process.

Click HERE for all the Voiceover files.

Figure 2.7 Voiceover Recordings

Editing

After I have done the recordings, I started on adjusting the length of the animation in Canva. This process made sure my voiceover audio length aligns with the animation. I had to adjust all the slides to the same length as my voiceover so this part took awhile to complete.

Figure 2.8 Adjusting the animation

Sound Effects

After inserting the voiceover audio into the edited video, I started on downloading the sound effects and going through them to see which ones I think is best to include in the video based on the suitability of the scenes. I end up choosing a few to include, and mostly found sound effects in the library of my video editor.

Click HERE for all the sound effect audio files.

Figure 2.9 Sound Effects Editing Process

I completed the video editing and sent the draft to Mr Shamsul for feedback. He said the animation is clear, timing is okay, graphic element is okay, layout is okay. I then proceeded to add background music and the video is finalised for submission.

Final Compilation

Figure 2.10 Final Video

Feedback

Week 1

For next week's presentation, you will be introducing your Final Project topic, ensuring it is well-structured and effectively communicates your ideas. Make sure to present well-researched content supported by credible sources, and use clear visuals to enhance understanding. Focus on delivering a concise and engaging presentation that effectively conveys the purpose and importance of your project.

Week 2 / Amendment For Information

The topic is well-chosen and informative, but it could be more visually engaging by incorporating numerical data. Additionally, consider applying the LATCH infographic method to better organize and present your information. Simplify the content by reducing the amount of information presented. Incorporate a comparison infographic for better clarity and add links to slides or the e-portfolio for easy reference.

Week 5 / Progress Check

Ensure a balance between graphics and information by including charts, cost breakdowns, and other relevant visuals. Currently, the storyboard resembles a short story rather than an infographic video, so it should be adjusted accordingly. Utilize the research and findings from the Flip presentation and include a clear conclusion at the end.

Week 6 / Progress Check

The storyboard and script have been approved. Since Canva is being used for animation, ensure the quality is high and that the final video stays within the 3-minute limit. Animators should slow down certain parts to make text easier to read. Illustrators should maintain consistency in typefaces—using a modern typeface for body text while keeping the current one for headings. The overall typography and illustrations should be more uniform.

Week 7 / Progress Check

Include at least a voiceover and sound effects in key parts, and add background music if necessary to enhance the video.

Reflection

Our Flip presentation on provided an opportunity to explore the ethical, financial, and social implications of pet ownership through an engaging and informative infographic. By carefully designing a visually appealing layout, we aimed to highlight key differences and promote responsible decision-making. This process strengthened our research, design, and presentation skills, though we identified areas for growth, such as refining our verbal delivery and incorporating more real-life examples to enhance relatability.

The project unfolded in multiple stages—research, refinement, and final outcome—each contributing to the depth and clarity of our work. In the initial phase, we focused on understanding the core distinctions between purchasing and adopting pets, ensuring our content was well-supported by credible sources. Feedback played a crucial role in improving our approach, leading us to incorporate numerical data, simplify complex information, and utilize infographic techniques like LATCH to enhance clarity and visual appeal.

As we progressed, we struck a balance between content and design by integrating charts, cost breakdowns, and relevant visuals to reinforce comprehension. Transitioning from our Flip presentation to an animated video required us to refine our storyboard, ensuring it functioned as a structured infographic rather than a simple narrative. We also improved typography consistency and visual cohesion to maintain a polished, professional appearance. Additionally, feedback on pacing allowed us to fine-tune our animations for better readability and engagement.

Overall, this project was a valuable learning experience that enhanced our research, design, and storytelling abilities. The iterative process of feedback and revision enabled us to produce a more compelling and effective final product. By incorporating voiceovers, sound effects, and background music, we elevated the impact of our video, making it more engaging and immersive. Beyond technical skills, this project deepened our understanding of responsible pet ownership while sharpening our ability to communicate complex information in a clear, visually appealing, and persuasive manner.