Information Design | Project 1
Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media
GCD 60504 | Information Design
Week 3 — Week 5
Project 1: Animated Infographic Poster
After learning about the information design by further applying the L.A.T.C.H principles into the second assignment, I started on developing an infographic that presents a series of different processes as visuals. This assignment allows us to tackle on existing infographic posters, which can be revamped and enhanced to provide a better comprehension of the content.
|
| GIF via Giphy |
These are the jump links to each part of this portfolio
Lectures
According to the blog VisualComplexity.com, Manuel Lima’s Information Visualization Manifesto provides a working list that can help to provide clarity on what information visualization is through 9 directives and why information visualization differs from information art or infographics. The Nine Directives:
- Form Follows Function: I understand that purpose should always come first—the way I present information should explain and lead to insight rather than just looking good. My work should always have a clear intention behind it.
- Interactivity is Key I’ve discovered that interactive elements encourage exploration and discovery. Instead of just presenting static information, I now see how interactivity can enhance learning and engagement for users.
- Cite Your Source I’ve come to realize how important it is to credit my sources. Initially, I didn’t think much about it, but I now understand that transparency and credibility are crucial in both design and research.
- The Power of Narrative I used to focus purely on presenting facts, but I’ve learned that storytelling makes information more engaging and memorable. By turning data into a compelling narrative, I can make complex ideas easier to understand.
- Do Not Glorify Aesthetics At first, I believed that aesthetics were everything. However, I now see that design should never prioritize visuals over purpose. Aesthetics should enhance function, not distract from it.
- Look for Relevancy I’ve learned to always ask myself: Why am I visualizing this information? In the past, I sometimes created designs without thinking about their true relevance. Now, I ensure that everything I design serves a clear purpose.
- Embrace Time Managing time effectively used to be a challenge for me, but I’ve come to realize that time is a crucial factor in both design and decision-making. By improving my time management, I can organize my workflow better and achieve stronger results.
- Aspire for Knowledge I now understand that information visualization isn’t just about displaying data—it’s about turning data into knowledge. My goal is to help people understand and process information more effectively.
- Avoid Gratuitous Visualizations
At first, I thought adding more visual elements made a design look better, but I’ve learned that clutter can reduce clarity. Now, I focus on making sure my designs filter information effectively and enhance insight rather than create noise.
Instructions
Mr Shamsul Hamimi, my section lecturer of the Information Design module for this short semester, gives us a heads up on the upcoming projects and exercises.
Part 1: Infographic poster (20%)
INSTRUCTION:
1. Choose 1 infographic poster reference from Internet (Please
consult before proceed)
2. Redesign the poster into A4 size. Sketch the idea and
process
3. Redesign and simplify the poster based on visual hierarchy &
typography
4. Simplify the poster's design based on color, shape &
pattern
5. Attach your final poster on E-Portfolio with explanation and
reflective writing
Part 2: Minimal animated infographic (20%)
INSTRUCTION:
1. Animate your infographic poster into one static loop animation
page
2. Loop duration in between 15-30 second
3. Size: 1080 x 1920 px (Vertical Video) upload to your own Youtube
channel
Work Process
The Beginning
After some searching, I came across this poster about the patients' data privacy and ways to secure them. I noticed that the entire poster is filled with text and little graphics that are out of place all over the poster.
The problems with this poster:
- Cluttered text information
- Lack of information hierarchy
- Lack of necessary white spaces
 |
| ©2025 Medsphere |
 |
| Information Categorization @25 Feb 2025 |
 |
| First draft @26 Feb 2025 |
Initially hard to decide a design style as I'm searching for a visual style that matches the vibe of the poster I'm planning to create. After some considerations, I decided to follow the design style that I've loved during my time playing with a mobile game called Zenless Zone Zero, a game filled with a bold and simplistic approach to the text and UI graphic. Thus, I carried on to shift my design focus for a bold approach.
I also created visual graphics by myself to match the content I want to convey by utilizing the pen tool and shape tool in Adobe Illustrator. I also keep the graphics' color consistent across all the others.
 |
| Additional graphics for poster |
 |
| Graphic layer separation in Adobe Illustrator for animation |
Making Animation
 |
| Adobe After Effects Timeline Animation |
 |
| Animation by position and rotation |
Final Poster Design
 |
| Infographic Poster @28 Feb 2025 |
Revised Final Design
After my last feedback with Mr Shamsul, I proceeded to shrink down the poster title size to align with the content box for a more pleasing visual.
 |
| Revised Poster Design |
Submission
My submission consists of:JPEG
 |
| Final Poster Design @3 March 2025 |
PDF (Graphic a bit broken)
Youtube Video + Links
Comments
Post a Comment