Information Design | Final Project

 

30/06/2025 - 26/07/2025 | Week 11 - Week 14
Huang jiaqi| 0371553
nformation Design | Bachelor of Design in Creative Media
Final Project 

Table of Content 

    1. Module Information
    2. Lecture
    3. Project 
    4. Feedback 
    5. Reflection 

Module Information 


Lecture 

Week 11: Constructive Workflow

Constructive Workflow:

a) Understand the question
  • Understand the question and ask the right question.
b) Construct a strategic plan
  • Evaluate data -> Identify pros and cons -> Create content creation plan -> Understand the outcome -> Build case studies
c) Fill in the blanks
  • Create empty folders -> Fill in each folder with progress -> Synchronize all working files
c) Get some inspiration and ideas
  • Explore existing ideas as guides and references
d) Set a perimeter
  • Identify your strengths -> Understand reference as benchmark -> Solution is the answer
  • Left brain -> Logic is used to find reference
  • Right brain -> Creative is used to find inspiration

Week 12: 


Project :

 Final Project Overview
Topic: The Greenhouse Effect
Format: Basic Video Animation
Objective:
We were tasked with producing a short animated video based on our FLIP group research topic. The goal is to present information in a clear and engaging way for a specific target audience — aiming to either:
Raise awareness (e.g. global warming, recycling)
Explain a process (e.g. how something works)
Define a concept (e.g. fast fashion, colour theory)
We may use photography or vector graphics and must bring visuals to life through animation.
 
Design Guidelines
Our animation must incorporate key design principles:
LATCH Principles (Location, Alphabet, Time, Category, Hierarchy) for content organization
Animation Aesthetics to enhance engagement
Cognitive Visualization for clarity and understanding
Data Integration: multivariate graphics, combined visuals/text/numbers
Causality: show cause-and-effect relationships
Charts and Visual Balance: multiple data displays with strong layout hierarchy

 Proposal & Group Work Process

For this project, we are required to work in a group of 2-3 people. As the group leader, I held the responsibility to schedule meetings and delegate tasks for my group members. We held a meeting on the 1st of July to finalise the topic. We had a few ideas in mind:

 Idea 1: Greenhouse Effect – Explain how greenhouse gases trap heat, causing Earth to warm, raising awareness about the consequences and how to prevent climate change.
 
Idea 2: The Primal Gaze – Explain how societal beauty standards and objectifying gazes affect female identity. It uses abstract visuals to reflect the emotional toll of body image anxiety and constant scrutiny.

After a long discussion, we decided to go for the Greenhouse Effect, as it aligned well with SDG 13: Climate Action. Afterwards, I delegate the tasks according to each of my group member's strengths:

Team Members & Roles

Tan Zhen Hong 0356370- PowerPoint Design, Data Research, Slide Finalization
Guan Yu 0373820 -PowerPoint Design, Data Research, Video Editing
Huang JiaQi 0371553- PowerPoint Design, Initial Sketches, StoryboardingGreenhouse Effect

Introduction:

The greenhouse effect is known as a natural process that warms the Earth’s surface. This process helps to keep the Earth at an optimum temperature for life. However, human activities have intensified this effect, causing the Earth’s temperature to rise.This presentation will highlight the importance of understanding what the greenhouse effect is and how each individual can contribute to reducing its impact to save the Earth.

Purpose of the Presentation:
This presentation aims to:

 Clearly explain what the greenhouse effect is and how it works.

Explore how human activities have amplified this natural process.

Highlight the environmental and social impacts of a strengthened greenhouse effect.

Emphasize the importance of individual and collective action in reducing greenhouse gas emissions.

Objectives:

To raise awareness about the science behind the greenhouse effect.

To encourage critical thinking about human responsibility and environmental ethics.

To inspire practical steps that individuals can take to reduce their carbon footprint.

Visual References / Mood board

fig 1.1visual references

fig 1.2visual references

fig 1.3visual references

 Mood board


fig 1.4visual references

I started off by editing the slides, ensuring using suitable vector style and relevant information are added in an organized layout.

Figure 1 .5 Slides editing, Week 11 (05/07/2025)

Figure 1 .6  Slides editing, Week 11 (05/07/2025)


Figure 1 .7 Slides editing, Week 11 (05/07/2025)


Figure 1 .8  Slides editing, Week 11 (05/07/2025)

Choosing to use simple illustrations to explain scientific concepts is an effective way to transform abstract and complex knowledge into intuitive and easy-to-understand information. Through the simple graphic language, we can visualize the operation mechanism of scientific principles and help the audience quickly grasp the core content, especially suitable for non-professional audiences, children, students and other groups.


Proposal

Click HERE to view the presentation slides

Figure 1 .9 roposal, Week 12 (07/07/2025)


The process of painting:

In this project, we chose to use a simple illustration style to illustrate scientific concepts. The use of this pictorial language helps to transform abstract and complex scientific knowledge into intuitive and easy-to-understand information. Through graphical visual representation, we are able to vividly demonstrate the mechanism of the greenhouse effect, making it easier for the audience to grasp the core of knowledge.

This design concept was inspired by our concern for the effectiveness of science communication. We hope that even groups with different backgrounds, such as non-specialist viewers, children or students, will be able to understand the science behind climate warming in a relaxed and enjoyable atmosphere.

Therefore, we put special emphasis on the visual design:

Simple and clear graphic constructions 

Warm and friendly colours 

Dynamic animations combined with text 

To make the message more vivid, friendly and inspiring.

Illustration Process:

1. Preliminary Sketching 

After completing the sub-scripts (storyboards), I created preliminary sketches based on the content of each scene. The main purpose is to quickly confirm the flow of the characters, scene layout and visual narrative, focusing on the following factors:

Whether the message is clear 

Whether the elements are too complex 

Whether the content is logically coherent


fig 1.11  Sketching



fig 1.11  Sketching

Sketching PDF



2 . Digital Coloring

We have designed anthropomorphic characters around the core concepts of "greenhouse gas", "solar radiation" and "earth", making scientific principles more friendly and interesting. At the same time, the earth, atmosphere, thermometer, city and other environmental elements are also drawn to help the audience build intuitive cognition.

fig 1.12 sketching

Board sketch.pdf:


Once the online draft was finalised, I used Illustrator for digital colouring. Colour blocks were unified and contrasted to reinforce the hierarchy of information while ensuring that the colours were not too garish or distracting in a dynamic display.

3.The final product

Our final animation is a concise and engaging educational video that explains the greenhouse effect using simple illustrations, smooth transitions, and clear narration. The goal was to transform a complex scientific process into a visual story that is easy to understand and accessible to a wider audience.



fig 1.12 final product



final product PDF



During our Week 14 online consultation, the lecturer viewed our final animation video and provided several important suggestions for improvement. These feedback points were crucial for enhancing the clarity, accuracy, and visual engagement of our animation.

Feedback Highlights:
 Reorganize Arrows: Arrows should be placed on the correct layers to avoid overlapping or misalignment during animation.
 Add Intro Elements: Before introducing the main greenhouse gas elements, we were advised to add different environmental or atmospheric elements to set the context.
 Include Timeline: Add years or timeline indicators to each major point to show the historical progression of climate impact.
 Text Placement: Ensure that stars or background visuals don’t block the explanatory text, keeping all content readable.
 Add New Labels: Include important missing labels such as:
"Poor Waste Management"
"Loss of Animal Habitats"
"Extreme Weather Events"


fig 1.13 Feedback Highlights

fig 1.14 Feedback Highlights

Since my teammates were not very confident in drawing, I took full responsibility for the illustration and visual designin this project. From sketching characters and environments to preparing layered elements for animation, I handled most of the drawing process.

As we move into final revisions, we will be reusing the illustrated Earth character from earlier drafts. I will expand the composition by adding key greenhouse gas elements (such as CO₂, N₂O, NH₃, H₂O, and others) around the Earth figure to visually represent their accumulation and impact on the atmosphere.


fig 1.15 Feedback 



fig 1.15 sketching


fig 1.16 New drawing


Group division of labor process


Tan Zhen Hong 0356370- PowerPoint Design, Data Research, Slide Finalization
Guan Yu 0373820 -PowerPoint Design, Data Research, Video Editing
Huang JiaQi 0371553- PowerPoint Design, Initial Sketches, StoryboardingGreenhouse Effect

After I finished all the illustration work, my partner Guan Yu took on most of the video editing tasks. She was very meticulous in handling the pacing, transitions, layer animation, etc., ensuring the overall smoothness and professionalism of the animation.

As the team leader, Tan Zhen Hong showed a high sense of responsibility. He would communicate with us about the progress of the project and clarify the duties and responsibilities of each member to ensure that the whole project would be completed on time. In the post-production stage, he was also actively involved in the editing and dubbing process, helping to adjust the sound and picture to enhance the overall quality of the final product.


Video Process (guan yu)

I decided to put a small earthling in the video as my video commentator. 
Figure 2.1 Video Commentator

I did all the elements using AI.
Figure 2.2 Process #1

I brought everything together in After Effects for animation and focused on making the concept easy and engaging for the audience.
Figure 2.3 Process #2


Animation Process Work(Tan Zhen Hong )
For the animation, I worked on the data research where I tried to make it for educational purposes by implementing simple elements. For example, adding a magnifying glass to identify the different carbon dioxide emissions in a graph while ensuring it is interactive.

Figure 3.1.5 Adding interactive elements, Week 12 (08/07/2025)

For the pie chart, I used the reveal animation to reveal the text for the different sections in the graph. I also add animation to the pie chart, so it reveals each section one by one.

Figure 3.1.6 Adding animation on chart and text, Week 12 (10/07/2025)

After exporting all the footages, I rearranged them accordingly, ensuring that all footages were in the correct order.
Figure 3.1.7 Filter and rearrange the footages, Week 13 (15/07/2025)

Afterwards, I added the voiceover audio throughout the footages accordingly. I also added the background music which is an educational music that I got inspiration from the reference below:

Reference: Greenhouse Effect Reference

Figure 3.1.8 Addition of voiceover audios and background music, Week 13 (18/07/2025)

For the voiceover audio, I equalized all of my audios to podcast voice, so it sounds more like a narrator voice and reduce rumble to minimize low-frequency background noise.

Figure 3.1.9 Reduce rumble and add preset, Week 13 (18/07/2025)

Dynamics were also reduced to 3.4 so it makes my narrative voice sounds more natural to the audience than fully being mechanic voice. Vocal presence was also preset to enhance the clarity and delivery of the message in my voice.

Figure 3.1.10 Addition of preset and reduce dynamics, Week 13 (18/07/2025)

To ensure the audience understand better about the video, I also add captions for each of the footages and manually adjusted all of the captions to ensure only that only one line of caption exists as the audience going through the video.
Figure 3.1.11 Addition of captions, Week 13 (18/07/2025)

Transitions sounds were also added into the video, to make the video more entertaining and interesting. I gathered the transition sounds through searching resources online and making sure that it aligns well with the transitions in the video.

Figure 3.1.12 Addition of transition sounds, Week 13 (18/07/2025)

After consulting with Mr.Fauzi, he mentioned that it is important that we fix some minor details in th video including the color conflict of the graphics and the text as well as enhancing the delivery of the data presented.

Figure 3.1.13 Addition of minor details, Week 14 (22/07/2025)

For progress tracking, I had created a document which helps to track the progress of each task to ensure the work is completed on time and ensure that my group members understand what the next agenda is.

Figure 3.1.14 Progress tracking, Week 14 (26/07/2025)



Final Project Submission



Figure 3.1.7 Final project submission, Week 14 (21/07/2025)



Feedback

During all stages of the project, we actively collected and implemented the professional feedback given by the teacher, especially during the online meeting in week 14, the teacher watched our final finished animation video and made the following suggestions for modifications to further optimise the expressiveness and completeness of the work's message:

Arrow graphics need to be adjusted to the correct layer to avoid blocking or misplacing during animation.

Add different guiding elements before the introduction of greenhouse gases to help establish the logical structure of the content and the cognitive background of the audience.

Include the year for each key element to create a timeline and enhance the sense of cause and effect and history.

Ensure that the text is not obscured by the background stars to ensure readability and a clean image.

Add important information such as ‘improper waste disposal’, ‘loss of animal habitat’ and ‘extreme weather events’ to add dimension to the message.



 Reflection

EXPERIENCE :

The whole project, from data collection, script writing, illustration drawing to animation production, was a challenging but rewarding process. As a member of the team, I was mainly responsible for the creation of visual images and sub-screen design, and I undertook most of the illustration tasks, including the design and refinement of characters, backgrounds, and elements. During the process, I kept trying to express complex scientific concepts through concise images, which not only tested my drawing skills but also honed my ability to translate information into visual language.
In terms of teamwork, we had many online discussions and division of labour arrangements. I learnt how to maintain efficient communication with my group members within a tight timeframe and allocate tasks reasonably according to each person's strengths. Finally, with the integration of animation editing, subtitling and dubbing, we successfully produced a complete educational animation.

Observations:

During the creation and collaboration process, I observed several key issues and inspirational points:
The simplicity and accuracy of visual information is very important, especially when targeting non-professional audiences, the more intuitive the image, the quicker the knowledge points can be conveyed.
When combining graphics and text, if there are too many elements or unclear layers, the audience will easily feel confused, so the visual hierarchy and rhythm control need special attention.
Even small adjustments in the animation, such as arrow position, text blocking, transition slow motion, will have a significant impact on the overall perception. Details determine quality.
In teamwork, clear responsibilities and timely communication are the core elements to ensure the successful completion of tasks.

Findings:
 
Through actual practice, I found the following points:
The combination of visual design and scientific content is not only about aesthetics, but also about balancing the logic of the message with the audience's ability to understand it.
Uniform illustration styles and clear characterisation make the whole animation more coherent and professional.
Even if team members have different skill sets, by utilising each other's strengths, they can make up for their shortcomings and achieve their goals.
Science communication can also be a creative process. Through visual design, we can make cold or abstract topics more warm and vibrant.

Personal Takeaway :

Improved illustration ability and efficiency: Drawing multiple layers and characters with high intensity in limited time not only made me more proficient in AI drawing tools, but also taught me how to quickly compose and express myself visually.
Clearer logic of expression: I have trained myself how to tell a story through images and how to use visual logic to guide the audience to understand the abstract content, which will help me a lot in my future design projects.
Increased sense of teamwork: I have learnt how to play to my strengths in a team, and understand the important principles of collaboration, such as respecting others' division of labour, timely communication and shared decision-making.
Deeper understanding of climate issues: I have learnt more about the mechanism of the greenhouse effect and its real-life impacts through the process of data collection and information illustration, which has also stimulated my interest in sustainable design.





Comments

Popular posts from this blog

Final Compilation

Advanced Typography Task 3 - Type Exploration and Application

Project 2:Channel Bumper