INFORMATION DESIGN /FINAL PROJECT INFOGRAPHIC VIDEO ANIMATION

 

||  22/04/25-13/05/25
||  Sun Jia Yi / 0370449
||  Information Design / Bachelor of Design (Hons) in Creative Media
||  Exercise 1 / Animated Infographic Poster

TABLE OF CONTENTS

1. Lectures 

2. Instructions

3. Feedback 

4. Reflection 

---

LECTURES 

Week 1: 

In the week 1, Mr.fauzi introduced the MIB for this module.In addition, he described the first activity and told us to bring the necessary supplies to class for the next session.  We were also given information regarding the group project, which required us to divide into groups of six to ten kids.  Mr. Fauzi described eight different kinds of infographics to us in class on Wednesday, including:

• List infographics
• Statistical infographics
• How-to infographics
• Timeline infographics
• Comparison infographics
• Map and location infographics
• Flowchart infographics
• Process description infographics

                                                                           Week 1 lecture

We looked at Exercise 1 in class and tried out various methods to make our template.  I brought a variety of coloured and shaped binder clips to use as my "data."  Throughout the session, Mr. Fauzi gave direction.  Before class concluded, we also divided into groups for the group project and talked about potential topics.

Week 2/ L.A.T.C.H Theory

We started off the class by having a lecture. Mr. Fauzi taught us about the L.A.T.C.H theory:

• Location
• Alphabet
• Time
• Category
• Hierarchy 
  

                                                             Week 2 lecture

Week 3: 

Miller's Law was the topic of today's lesson.  According to a psychological hypothesis called Miller's Law, an average person's short-term memory can store roughly seven objects.  After that, we watched a video to learn more about the theory.  (For the video, go here.) 

Overview of Miller's Law  According to Miller's Law, our working memory can hold seven discrete objects or bits of information on average, give or take two.  The limitations of human memory and how to better organise information for quicker recall are both explained by this theory.

The "magical number seven" refers to people's propensity to retain roughly seven pieces of knowledge.Utilisation in Productivity:  By promoting the organisation of knowledge into digestible chunks, which facilitates memory retention and recall, an understanding of Miller's Law can increase productivity.  This idea can be used in collaborative work environments, data display, and content development.

Consequences for Learning: Miller's study provides methods for instructors and trainers to provide knowledge in a manner consistent with our cognitive capacities.  Learners are better able to process and remember material when it is divided into smaller, more manageable chunks.

                                                                          Week 3 lecture 

Week 4: 

This week, as usual, we began with a lecture and then the FLIP presentation.

Manuel Lima's 9 Directives Manifesto:

1.Form Follows Function: A project should always begin with a question.  Make the goals the primary focus to encourage more research.

2.Interaction is essential:  permits research and discovery-based learning.

3.Give credit to your source:  Always reveal the source of your data.

4.The Influence of Story:  To make your material more engaging and memorable, develop it into a story.

5.Don't Glorify Aesthetics: While aesthetics are vital, they shouldn't be overemphasised.  We still need to concentrate on the infographic's actual goal.

6.Seek Relevance: "Why are you visualising the information?"  Keep an eye on how what is being done relates to the end result. 

7.Accept Time: One of the most important aspects of organising and achieving superior outcomes for any decision-making is time management.  Decide on a parameter. 

8.Aspire to Knowledge: Information can be transformed into knowledge through visualisation.  The information should become even more comprehensible with each project.

9.Steer clear of gratuitous visualisation: Simple designs are best; avoid making anything overly intricate.  Steer clear of superfluous or uncalled-for images.

                                                                          Week 4 lecture 

Week 5: 

The topic of this week's lecture is constructive workflow; to view the link, click this link.  By combining organised techniques with user-friendly digital procedures, a constructive workflow can produce more innovative and productive results.

Constructive Workflow: 

By aligning your thoughts with digital tools, a constructive workflow facilitates easier and more productive work.

Synchronisation of Mind-Workflow:

Organising tasks to correspond with cognitive processes that occur naturally.

lowering the gap between execution and thought.

Digital Fluency: 

Gaining proficiency with digital tools to increase productivity.

Gaining an understanding of computational logic can improve creativity.

Balanced Cognition:

Using both analytical and creative thinking is known as balanced cognition.

streamlining processes to prevent cognitive overload.

Advantages Enhanced Focus: 

Reduced mental strain when managing tasks.

Enhanced Creativity: A smooth transition from concept to implementation.

Efficiency Gain: Workflow optimisation cuts down on unnecessary effort.

---

INSTRUCTIONS 

This is the Module Information Booklet for this Module: 

' Project / Infographic Video Animation 

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:
• Creating awareness (such as Global Warming, Recycle, etc.)
• Explaining a process (such as "how to" video)
• 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:

• 3 minute animated infographic uploaded into YouTube (unlisted)
• Digital compilation into your Google Drive Folder
• Online posts in your E-portfolio as your reflective studies(Please attach the E-Portfolio link here for submission.)

WEEK 6/ FLIP PRESENTATION

We will be doing our presentation in Week 6.  Our slides contain the goal, important details, art direction, and storyline.  Now that the team has divided up the jobs, everyone is working on the last phase.

Presentation Slides:

Click here to view Presentation slides:

                                      Fig 3.1 Matcha Culture: Where Tradition Meets Trend by Sun Jia Yi

Script 

Click here to the script 

                                                                     Fig 3.2 Scripts (Week 6)

By making important choices about the colour scheme, film style, and voice-over technique, we are further honing the art direction. In order to guarantee continuity and harmony with the project's concept, this procedure entails investigating a variety of visual aesthetics.

In order to improve storyline and audience engagement, we are also assessing various video styles, including animation methods and pacing.

For the voiceover, we will employ a standard and professional tone, delivery, and narrative style.

Color theme: 

For color palette, we use soft rose, deep sage and creamy off-white to capture a space, neon and dynamic vibe. 

 Fig 3.3 Color theme (Week 7)

Moodboard

Fig 3.4 Moodboard (Week 7)

Animation progress(Week 7)

In week 7 we starting to do the animation using canva and also get the feedback from the tutor. Below is our process about the animation to introduce the matcha. Since the video will be produced in a streaming format, viewers will be guided through the content by illustrations. This method guarantees that the video's artistic style and visual coherence remain constant.

Additionally, by providing information in a more engaging way, it greatly increases viewer engagement while also streamlining the animation creation process.

Fig 3.5 animation process 1(Week 7)

Fig 3.6 animation process 2(Week 7)

Fig 3.7 animation process 3(Week 7)

Final Submission: 

Fig 3.8 Final animation(Week 12)

---

FEEDBACK 

Week 3: 

The chosen subject is produced in advance.

Week 5: 

Give finishing the voiceovers and screenplay first priority. Using the voiceover content as a guide, create animation elements.
Create looping background assets.

Week 6: 

Make the opening sequence design simpler.

Week 7: 

The video quality is adequate overall.
Visual continuity is preserved by looping backdrops.
To maximise the watching experience for users, try producing a reduced version (such as a trailer).

---

REFLECTION

Participating in this infographic animation video project was an invaluable learning experience. Throughout the production process, I was responsible for creating the PowerPoint presentation and animation, specifically handling the overall design of the PPT and the animation for scenes 1 through 4. To ensure accuracy and consistency, I gathered reference materials from Pinterest and used Canva to complete the illustration work. This phase significantly enhanced my visual storytelling abilities and deepened my skills in transforming creative concepts into compelling visual presentations.

After completing the illustrations, the team convened to discuss animation implementation strategies for each scene. This meeting proved crucial for ensuring seamless scene transitions and dynamic design appeal. Subsequently, we collaboratively brought the project to life using AI Voice. Through this collaborative approach, I gained deeper insights into animation principles, workflow coordination mechanisms, and the critical importance of upfront planning in multimedia production.

After incorporating Mr. Fauzi's suggestions, I further streamlined the PowerPoint design and adjusted the layout to enhance readability. To ensure smoother transitions when converting infographics into dynamic effects, we pre-separated layers before creating animations.

Animating the infographics presented an additional teaching opportunity. To maintain information clarity, we had to ensure operations remained concise and efficient. Controlling the loop duration between 15 and 30 seconds proved challenging, yet this constraint forced me to focus on the course's core objectives.

Overall, this project deepened my understanding of fundamental infographic design elements—typography, animation, and visual hierarchy. I now recognize that creating compelling and effective communication hinges on balancing aesthetics with practicality.