Information Design/Final Project
03/02/2025 - 17/03/2024 (Week 01 – Week 07)
You Siyuan / 0366978
Information Design / Bachelor of Design (Honours) in Creative Media / Taylors University
Final Project
CONCENT
INTRODUCTIONFINAL PROJECT
FEEDBACK
REFLECTION
INTRODUCTION
FINAL PROJECT
Introduction
Based on FLIP group topic research, produce a basic video animation.
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:
Organization Principles – LATCH and Content Organization
Aesthetic Principles – Animation principles
Cognitive Principles – Principles of visualization
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
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:
- Creating awareness
- Explaining a process
- Defining a concept
Organization Principles – LATCH and Content Organization
Aesthetic Principles – Animation principles
Cognitive Principles – Principles of visualization
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
Process
1. Proposal
During the first week, we explored 3 potential topics:
How to make a chocolate cake? (Explaining a process)
What is procrastination? (Defining a concept)
What is a balanced diet? (Creating awareness)
What is procrastination? (Defining a concept)
What is a balanced diet? (Creating awareness)
Fig 1.1 Process Development
Fig 1.2 Proposal Slide
After group discussion, we voted on "What is a balanced diet" as the focus of our project. The topic raises health awareness and promotes better eating habits.
2.Storyboard
Fig 2.1 Storyboard
 |
| Fig 2.2 Sketches |
3. Production
Our production process included:
AI Digitalization – Transforming Sketches into Vector Graphics
AE Animation Work Progress - Animating the infographic using Adobe After Effects
CapCut Editing & Voice Acting
 |
Fig 3.1 Adobe Illustrator progress |
 |
| Fig 3.2 After Effects progress |
 |
| Fig 3.3 Sound Effects |
 |
| Fig 3.4 CapCut progress |
4. Post-Production
We will start with the final steps and thoroughly review our production process before we finish.
Consultation, Feedback & Refinements
We gathered feedback from Mr. Fauzi to refine our animation. In Week 6, Mr. Fauzi pointed out a spelling error in "Protein", suggested speeding up the essential nutrients chart, and recommended adding numbering and enlarging text in Scene 4. He also noted that the ending felt abrupt, so we adjusted it for a smoother finish.
By Week 7, additional refinements were made based on their input. The transition from Scene 3 to Scene 4 had an unintended blank screen, which we shortened. We removed a pen element in Scene 4-1, added more animation in Scene 4-2, and adjusted the voiceover to sync with the visuals. These improvements made the final animation more polished, engaging, and seamless.
 |
Fig 4.1 Refinement after feedback |
Final Presentation
Fig 4.1 Final Presentation
Final Outcome
YouTube link: https://youtu.be/xb27MUKzDQY
FEEDBACK
Week 3 - Preliminary approval
Feedback: The wireframes are well structured and well organized.
Adjustments: Once approved, we moved on to the production phase to ensure that the animation followed the planned structure strictly.
Week 6 - Content and time optimization
Spelling fix: Throughout the video, the word "protein" was misspelled and has been corrected.
Scenario 1-2: The Essential nutrients chart switches slowly and is adjusted to make it more smooth and natural.
Scenario 4:
Add numbers for increased logic and clarity.
Increase text size, improve readability, and make key information more prominent.
End optimization: The end is abrupt, and the transition is smoother and more natural after adjustment.
Week 7 - Final optimization
Scene 3 to Scene 4 Transition: The original short blank screen affects continuity and has been removed to ensure smooth flow.
Scene 4-1: Remove excess pen elements and keep the visual style consistent.
Scene 4-2: Add additional animations to enhance interactivity and make the viewing experience more dynamic.
Voice-over synchronization: The voiceover does not match the rhythm of the picture enough to adjust the timeline to ensure a more coordinated audiovisual effect.
REFLECTION
This project provided us with a valuable learning opportunity, allowing us to experience the full process of creating an animated infographic from scratch. From research and planning to design, animation, and optimization based on feedback, every step tested our teamwork, problem solving, and adaptability.
One of the biggest challenges was ensuring smooth animation while keeping the message clear and engaging. Through communication with the instructor, we identified areas for improvement, such as adjusting the time rhythm, enhancing the visual effects, and optimizing the voice-over synchronization. These changes make the final product more complete and improve the overall performance.
In addition, teamwork allowed us to improve in communication and task management. Each member played an important role in achieving the goals of the project, and the collective effort resulted in a well-structured and visually appealing animated infographic. Overall, this experience deepened our understanding of design principles, animation techniques, and the importance of iterative optimization in the creative process.
Comments
Post a Comment