Information Design - Project 2 : Animated Infographic
3.2.2024 - 23.3.2024 / Week 01 - Week 07
Instructions
Project 2 : Animated Infographic
Recap
Project 2 is a group assignment (40%) running from Week 01 to Week 07. The objective is to create an animated infographic video that presents information to a target audience with one of the following goals:
1. Creating awareness
2. Explaining a process
3. Defining a concept
The final outcome should incorporate photography, vector imagery, and animation, following key design principles.
Output Requirements
🎬
Animated Infographic Video
(1920 x 1080, 1.5 – 3 mins)
📂
Digital Compilation (Google
Drive submission)
📝
E-Portfolio Post (Reflective
study)
Week 1
In Week 1, we formed a group of 10 members and began brainstorming topic ideas. I proposed the idea of Colour Blindness. After an internal vote, we decided to move forward with the Colour Blindness theme, aiming to create awareness around the topic.
During our consultation with Mr. Shamsul, he suggested that we refine our focus to explore colour blindness in web accessibility.
Taking his advice into account, we finalized our topic as:
"Colour Blindness and How It Affects Web Accessibility"
Week 2 Recap
This week, we focused on preparing our Flip Presentation. To ensure efficiency, we divided the tasks among group members:
📌 Task Distribution:
🔹 Introduction: Tongen
🔹 Objectives: Carmen
🔹 Target Audience: Sher
Wei
🔹
Information & Data:
Chloee, Minxuan, Janice
🔹
Slides Design & Compilation:
Jiayi, Guanmei, Tiffany
I was responsible for creating the presentation slides, including the agenda, introduction, target audience, objectives and rationale. Additionally, I contributed to the overall slide design to ensure a cohesive and visually appealing presentation.
Main Drive : https://drive.google.com/drive/folders/1Ub8Lgk-XoH6P_GvlC3SK8Fql7ldWlIZ8?usp=share_link
Final Presentation Slide
Flip PresentationWeek 3
After our project idea was approved by our lecturer, we divided our tasks as follows:
- Storyboard/Idea Planning: Sher Wei, Jia Yi, Ng Chloe
- Illustration/Frame Arrangement: Minxuan, Tiffany, Tongen, Guanmei
- Video Editing: Kiya, Janice
- Voiceover: Carmen
Week 4
the storyboard & idea planning team completed the script and storyboard. We had a group discussion, and I contributed by adding a new Scene 00: Introduction & Group Info.
illustration reference
Drafts:
Scene 03 & 04 (part 1) overview
The finalized illustrations are shown above. We chose a fun and lively art style with a strong emphasis on color. After consulting Mr. Shamsul, he suggested using a typeface that aligns with our overall style. Therefore, we selected "Quicksand" to complement our unique and creative illustrations. Once the final illustrations were approved, Carmen recorded the narration based on the script we had written.
Colour Blindness and How It Affects Web Accessibility
Team Members & Responsibilities
Storyboard/Idea Planning: Sher Wei, Jia Yi, Ng Chloe
Illustration/Frame Arrangement: Minxuan, Tiffany, Tongen, Guanmei
Video Editing: Kiya, Janice
Voiceover: Carmen
Guided by: Mr. Shamsul
Tools & Software Used
Adobe Illustrator
Adobe After Effects
Adobe Premiere Pro
Findings & Observations
One major challenge we faced was maintaining a consistent art style across all illustrations. Due to the lack of clear initial guidelines, different team members produced varying styles, leading to significant revisions and delays. In hindsight, having a style guide from the start would have helped streamline the process. Additionally, time constraints forced us to prioritize essential tasks over animation refinements, which was frustrating. This experience highlighted the importance of effective planning and buffer time for revisions.
Through this project, we also gained valuable insights into web accessibility and how color blindness affects user experience. Choosing the right typography and color contrasts made us more aware of inclusive design principles. Moreover, working as a team emphasized the need for better communication and task coordination to ensure a smoother workflow. Moving forward, I aim to apply these lessons to improve collaboration, efficiency, and design consistency in future projects.
Personal Reflection
Looking back on this project, I am proud that we completed the animated infographic, but I must admit there was still room for improvement. Time constraints and coordination challenges prevented us from refining every detail to perfection. What frustrated me the most was that our animation team only completed their work right before submission, and my teammates were unwilling to add sound effects and background music. This made me feel extremely disappointed and powerless, but it also taught me the importance of teamwork and accepting the collective outcome. Additionally, I gained valuable insights into time management, collaboration, and efficiency.
I am deeply grateful for Mr. Shamsul’s guidance—his feedback helped us refine our focus and enhance the content. I also want to thank our team leader and all our members—everyone put in their best effort. In the final stage, we worked together to adjust the illustration style and ensure visual consistency. Though the process was not easy, it reinforced the significance of teamwork.
Furthermore, I explored various case studies on color blindness and web accessibility, researching different design strategies to improve readability, such as optimizing color contrast and incorporating assistive elements. This experience made me realize that great design is not just about aesthetics but also about ensuring usability for everyone.
Comments
Post a Comment