Information Design | Task 1 & 2 (Animated Infographic Poster)

18/5/25 - 7/3/25 | Week 3 - 5

Iman Mikudim | 0338004 | Section 6

Information Design | Bachelor of Design (Hons) in Creative Media 

Task 1: Infographic Poster, Task 2: Minimal Animated Infographic

---

SECTIONS

|  Instructions

• Part 1: Infographic Poster
• Part 2: Minimal Animated Infographic

|  Feedback

|  Reflections

---

INSTRUCTIONS

Description:

After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text.

Requirement:

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 to 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.

Note: Make sure your poster graphics have information.

Submission:

• Digital upload into your Google Drive.
• Online posts in your E-Portfolio and your reflective writing.

Part 1: Infographic Poster

Instruction:

• Choose 1 infographic poster reference from the Internet (Please consult before proceeding)
• Redesign and simplify the poster based on visual hierarchy & typography.
• Simplify the poster's design based on colour, shape & pattern.
• Attach your final poster on your E-Portfolio with an explanation and reflective writing.
• Redesign the poster into A4 size. Sketch the idea and process.

Fig 1.1 Reference Infographic Poster #1 | Week 4 (25/2/25)

Analysis of the Reference Poster (Fig 1.1):

Strengths (Good Aspects)

• Clear Organization: The poster neatly categorizes information about each planet, making it easy to locate key details.
• Realistic Imagery: Using images of the planets and the Sun adds realism and makes the poster more visually engaging.
• Comprehensive Data: Includes detailed statistics such as distance from the Sun, mass, diameter, and number of moons, providing an educational experience.

Weaknesses (Areas for Improvement)

• Overcrowded Layout: The poster is densely packed with text and images, making it visually overwhelming and harder to read.
  
• Poor Contrast in Some Areas: Some text blends into the background, particularly in darker sections, making it difficult to read.
  
• Inconsistent Text Formatting: Some text boxes have unnecessary gaps between paragraphs, making the layout look uneven and affecting readability.
  
• Weak Visual Hierarchy: The layout does not effectively guide the viewer’s eye in a structured flow, which could make it harder to process the information.
  
  

Fig 1.2 Reference Infographic Poster #2 | Week 4 (25/2/25)

Analysis of the Reference Poster (Fig 1.2):

Strengths (Good Aspects)

i. Effective Use of 'Space' Theme:

• The use of a deep blue/purple space background with stars enhances the overall theme.
• The planets are arranged vertically in a way that roughly follows their order from the Sun, making it somewhat intuitive.
  

ii. Informative Content:

• Covers key aspects of the Solar System, including movement, structure, and formation.
• Highlights unique facts, such as the Solar System’s up-and-down motion and its movement through the galaxy, which are not commonly found in basic infographics.
  
  

Weaknesses (Areas for Improvement)

i. Overcrowded with Information:

• The poster contains large blocks of text, which can be overwhelming.
• Some sections are too detailed for an infographic, making it feel more like an article.
• Breaking the text into smaller chunks or using more bullet points would improve readability.
  

ii. Inconsistent Text Formatting & Spacing:

• While some keywords are bolded, there is no clear system for emphasizing important information.
• Font sizes are not varied enough, making it harder to distinguish between headings and body text.
• The text is packed too tightly in certain areas, which reduces readability.
  

iii. Lack of a Clear Visual Flow:

• The placement of text and planets does not guide the reader’s eyes in a natural sequence.
• Important sections feel scattered rather than following a logical progression.
• Arrows, numbering, or better sectioning could improve how information is processed.
  

iv. Weak Contrast in Some Areas:

• The sun’s glow at the top, while visually striking, makes some of the white text harder to read.
• Certain text sections are positioned too close to planetary images, reducing clarity.
  
  

Researching Information for the Poster:

The Planets of the Solar System

Mercury:

• Smallest planet, closest to the Sun.
• 430°C (day) to -180°C (night).
• Orbits in 88 days, spins in 59 days.

Venus:

• Earth-sized, hottest planet (460°C)
• Thick atmosphere traps heat.
• Spins 243 days, orbits 225 days.

Earth:

• The only planet known to support life.
• Liquid water and stable atmosphere.
• Rotates in 24 hours, orbits in 365 days.

Mars:

• The hottest planet (460°C).
• 430°C (day) to -180°C (night).
• Orbits in 88 days, spins in 59 days.

Jupiter:

• Largest planet, 11× Earth’s width.
• 300+ year storm (Great Red Spot).
• Spins <10 hrs, orbits 12 yrs, 95+ moons.

Saturn:

• Famous for its massive ring system.
• Least dense planet, could float on water.
• Spins 11 hrs, orbits 29 yrs, 83 moons.

Uranus:

• Tilts sideways, unique rotation.
• Coldest planet (-224°C), 13 rings.
• Spins 17 hrs, orbits 84 yrs, 27 moons.

Neptune:

• Farthest planet, 30× Earth's distance.
• Fastest winds, freezing (-200°C).
• Spins 16 hrs, orbits 165 yrs, 13 moons.
  
  

Fig 1.3 Sketch for Redesigned Poster | Week 4 (25/2/25)

Fig 1.4 Redesigned Infographic Poster | Week 4 (27/3/25)

I kept the text concise and arranged it in a zig-zag layout for better readability, with the planets placed hierarchically based on their distance from the Sun. I made the orbital lines more prominent than in the reference poster, using them as visual dividers for better clarity. To enhance the design, I added graphical space elements like an astronaut, comet, spaceship/rocket, and stars in the background to create a more immersive space scene.

After consulting with Mr. Fauzi, he noted that the poster layout looks good and the information is concise. He suggested using more realistic images similar to the reference posters and, if possible, incorporating sun rays originating from the top, creating a gradient effect where the upper part is bright and gradually darkens toward the bottom.

Fig 1.5 Revised Infographic Poster #1 - Realistic Images | Week 5 (4/3/25)

I first replaced the graphical elements of the Sun, planets, comet, astronaut, and rocket with realistic images.

Fig 1.6 Revised Infographic Poster #2 - Sun Rays & Filters | Week 5 (4/3/25)

I then added soft sun rays for a more realistic effect and adjusted the filters on the astronaut and rocket to match the sunlight.

Fig 1.7 Final Redesigned Infographic Poster (Static) | Week 5 (6/3/25)

Part 2: Minimal Animated Infographic

Instruction:

• Animate your infographic poster into one static loop animation page.
• Loop duration in between 15-30 seconds.
• Size: A4 size (Vertical Video) upload to your own Youtube channel.
  
  

Fig 1.8 Final Redesigned Infographic Poster (Animation Loop) | Week 5 (6/3/25)

For the animations, I added rotation to the Sun and the starry background, giving a sense of movement. The asteroid, astronaut, and rocket have a subtle wiggle animation, adding a dynamic feel to it. Additionally, the planets feature a pulsing effect to emphasize their size differences.

Fig 1.9 Final Redesigned Infographic Poster (Animation Loop w/ Background Music) | Week 5 (6/3/25)

Just for fun, I created another video with the Interstellar theme song in the background for a more immersive feel.

Submission:

Click HERE for the link to the Google Drive (Static Poster and Loop Animation).

---

FEEDBACK

Week 5 (4/3/25)

Specific Feedback:

• Poster layout looks good and information is concised.
• Use more realistic images, similar to the reference posters.
• If possible, have the sun rays appear from the top.
• Final submission includes 3 items (use same dimension for all):
• Static poster
• Loop animation 
• Eportfolio link
  
  

---

REFLECTIONS

Experience

Through this task, I had a fun and insightful experience analyzing poorly designed posters and learning how to identify key issues before redesigning them for better clarity and engagement. The design process was my favorite part, as I experimented with different elements to create a balanced and structured layout. Mr. Fauzi’s guidance was really helpful, and I was able to complete the task to my satisfaction. For the animations, I used Canva since my animation skills aren’t the best, and as the lecturers mentioned, this wasn’t an animation-focused task.

Observations

I noticed that many poorly designed posters lacked clear organization, making information difficult to follow. Through the redesign, I realized how important visual hierarchy is in structuring content effectively and guiding the viewer’s attention. Small adjustments, such as spacing, contrast, and alignment, significantly improved readability and engagement.

Findings

This project deepened my understanding of how to improve design by applying thoughtful structure, hierarchy, and visual enhancements. I learned that clarity and aesthetics must work together to create an effective design, and that even minor adjustments can make a significant impact.

---

QUICK LINKS

|  Exercises

|  Flip Classroom

|  Final Task: Infographic Video Animation