Information Design/ Final Project: Infographic Video Animation
3/2/2025 - 28/3/2025 / Week 1 - Week 7
Angel Tan Xin Kei / 0356117
Information Design / Bachelor of Design (Hons) in Creative Media
Information Design / Final Project: Infographic Video Animation
- Instruction
- Lectures
- Flip Presentation
- Final Project: Infographic Video Animation
- Feedback
- Reflection
DEADLINE: WEEK 07
INSTRUCTION:
Based on FLIP group topic research, produce a basic video animation.
DESCRIPTION:
Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of:
1. Creating awareness (such as Global Warming, Recycle, etc.)
2. Explaining a process (such as "how to" video)
3. Defining a concept (such as "What is Fast Fashion", "What is Color Wheel", etc.)
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 visualization
Output Expectation:
The presentation must be deliberated on, consider each assessment rubric of sorts to your final outcome:
● Show causality
● Multivariate graphics and visuals
● Integrate word number and images
● Content count
● Within eyesight
● Use multiple charts
● Do not de-quantify
REQUIREMENT:
Video resolution: 1920px x 1080px HD (min 1.5 mins max 3 mins)
SUBMISSION:
1. A ± 3 minute animated infographic uploaded into YouTube (unlisted)
2. Digital compilation into your Google Drive Folder
3. Online posts in your E-portfolio as your reflective studies(Please attach the E-Portfolio link here for submission.)
 |
| Fig 1.1 Adopting vs Buying Pets |
To refine our visual approach, we gathered simple clipart references and opted for a cute, minimalist style. This choice made it easier to maintain consistency within the illustration team. Additionally, we explored various video references to help guide our storyboard and script development, ensuring a cohesive and engaging presentation.
 |
| Fig 2.1 Video and Visual References |
 |
| Fig 2.2 Video and Visual References |
 |
| Fig 3.1 First Attempt of Storyboard |
 |
| Fig 3.2 Final Attempt of Storyboard |
As a member of the animation and illustration team, I was responsible for creating visual elements based on the chosen art direction. I illustrated various components by to ensure consistency with our theme and then animated them using Canva.
 |
| Fig 4.1 Visual Element in Adobe Illustrator |
E. Animation in Canva
After refining our work, we presented it for approval, and once the lecturer gave us the green light, we proceeded with the final animation process.We adjusted based on the timeline and VoiceOver duration to synchronized it accordingly.
 | |
|
MIRO Link
Link: https://miro.com/app/board/uXjVIaenejY=/
Script & Storyboard
Link: https://docs.google.com/document/d/1-zeL0PVnbGzLNxb6SFe0kj2vfFavf6gJ9nffE22ZjfE/edit?tab=t.0
Animation & Illustration
Link: https://www.canva.com/design/DAGhTpo7OR0/8QlxJxQ4F6fu7m893KrGEQ/edit
Google Drive (Voiceover, Voice Effects & Final Video)
Link: https://drive.google.com/drive/folders/1PDWcqBuxWiCCGHm0SnXgs0PSFe1H_uNS?usp=share_link
YouTube Submission
Link: https://youtu.be/qM8lQCZyBCw?si=yV9tchdopYFfiqU7
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.
As we progressed, we balanced content with design by integrating charts, cost breakdowns, and relevant visuals to enhance comprehension. The transition from our Flip presentation to an animated video required us to refine our storyboard, ensuring it functioned as an infographic rather than just a short story. We also improved consistency in typography and visual elements to maintain a professional and cohesive look. Additionally, feedback on pacing helped us adjust animations to ensure readability.
Overall, this project was a valuable learning experience that strengthened our research, design, and storytelling skills. The continuous feedback and revisions allowed us to create a more effective and engaging final product. Incorporating voiceovers, sound effects, and background music in the final video further enhanced its impact. This process not only deepened our understanding of responsible pet ownership but also improved our ability to communicate complex information in an engaging and informative way.
Comments
Post a Comment