Information Design/ Bachelors of Design (Honors) in Creative Media / Taylor's University
Project 1 & 2
INSTRUCTIONS
TASK
Project 1&2:
Develop an infographic that presents a series of different processes as visuals rather than text.
Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics.
Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic:
Part 1: Infographic poster
Choose 1 infographic poster reference from Internet (Please consult before proceed)
Redesign the poster into A4 size. Sketch the idea and process
Redesign and simplify the poster based on visual hierarchy & typography
Simplify the poster's design based on color, shape & pattern
Attach your final poster on E-Portfolio with explanation and reflective writing
Part 2: Minimal animated infographic
Animate your infographic poster into one static loop animation page
Loop duration in between 15-30 second
Size: 1080 x 1920 px (Vertical Video) upload to your own Youtube channel
Process
Part 1
First, I looked for infographic posters of topics that I'm interested in on Google. I found three that I think could be improved and redesigned. During consultation, I told Mr. Fauzi which one I preferred the most and he approved it. He advised me to shorten the texts before redesigning.
Figure 1.1 Initial poster design
Then, I looked for vector illustrations of procrastination online, which inspired me to sketched out designs that could complement it.
Figure 1.2 Sketch #1 and #2
Figure 1.3 Sketch #3
I wanted to proceed with Sketch #3 at first. I imported the vector illustration and icons needed for each point of information. I tested out two different styles of icons to see which one worked best.
Figure 1.4 Digitization process
I felt unsatisfied with the design of Sketch #3, so I decided to digitize sketch #2 as well to see how it would look like. Then, I played around with the icons and colors.
Figure 1.5 Digitization process
I imported the shortened text information from the original poster and arranged the points following alphabetical order. Then I added the background color.
Figure 1.6 Digitization Process
I liked both designs, but I chose the left design (Sketch #2) because it looked more neat and structured, and the movement of viewers eyes would flow better.
Figure 1.7 Final Infographic Poster
Part 2
After I finalized the poster in Illustrator, I imported the file into After Effects to animate. I used the transform, masking and puppet tool to animate different elements in the poster.
Figure 1.8 Animating icons
Figure 1.9 Animation movement using puppet tool
Figure 1.10 Animating masking effect
Figure 1.11 Initial animated poster (wrong size)
After submitting, Mr. Fauzi reminded me that my animated infographic poster size has to be 1080x1920, not A4. He mentioned in class later on that it is so we can understand and fit in to industry standards. So I changed the composition size in After Effects, since the scale is not the same as the original infographic poster, there were extra spaces at the top and bottom. However, the idea of redoing every animation didn't feel very plausible, so I added decorative elements instead to fill in the extra space.
Figure 1.12 Changing composition size and add elements
Final
Part 1: Infographic Poster
Figure 1.13 Final Infographic Poster
Part 2: Minimal animated infographic
Figure 1.14 Final Animated Infographic
FEEDBACK
Week 5
For the infographic poster, try to find it on Google instead of Pinterest, because the designs of Pinterest are mostly very good. When you redesign, try to simplify it.
Week 6
The poster is fine to redesign, try to shorten the text sentences of the original poster.
Week 7
Make sure the video size is 1080x1920, not A4.
REFLECTION
This project deepened my understanding of effective information design by analyzing both good and bad infographic examples. Seeing poorly designed posters helped me realize the importance of key design principles like typography, alignment, emphasis, and visual hierarchy. I also learned that making information concise is crucial—simplifying content ensures that the audience can absorb it quickly and easily.
The animation phase was both challenging and rewarding. I initially made the mistake of using the wrong video size, which taught me the importance of following industry standards. While the animation process was tedious, the final outcome was satisfying and reinforced my appreciation for motion design. Overall, this project was a valuable learning experience in both static and animated infographics, helping me refine my design and storytelling skills.
.jpg)
.jpeg)
Comments
Post a Comment