February 28, 2025

Information Design/Project 1&2: Animated Infographic Poster

19/2/2025 - 7/3/2025 / Week 3 - Week 5
Janice Marie Eng Chia Hui /0361521
Information Design/Bachelor of Design in Creative Media / Taylor's University

Information Design/Exercises

Instructions

Lectures

View exercises for lecture notes.

Task

To-do list:

Identify an infographic poster with room for improvement
Redesign the poster in A4 size
Make an animated infographic video of the poster

Choosing a Poster

I initially did not know what topic I wanted to pursue for the infographic poster. But I decided to pick something I was interested in while also having 'infographicable' information. So in the end I decided to choose volleyball as my topic.

I managed to find a few badly designed posters about volleyball after googling volleyball infographic. Attached below are some of the posters I had chosen.

In the end, I was advised to pick the Indoor VS Outdoor Volleyball poster to redesign (Fig 1.3) as it would be easier for the general public to understand the information.

Figure 1.1 History of Volleyball (link)

Figure 1.2 Positions in Volleyball (Link)

Figure 1.3 Indoor VS Outdoor Volleyball (Link)

Analysis of the original poster (fig 1.3):

The Good:

Using different colours to differentiate between 2 subjects
Content arranged side by side, easy to read and compare
Title is attention-grabbing

The Bad:

Low contrast/Bad readability: The pink text does not stand out well against the grey background
Bad balance: The black text on the pink background stands out more due to its higher contrast.
No labels: The content in the box is not titled/labeled, making it hard to know what it's referring to

Research/Reorganising information from the poster

I did some research and reorganized the information in the poster to make it flow better in the new poster. The changes made are:

Outdoor volleyball court size: In the original poster, the court size was stated as undefined, but in the official Olympic matches, the court size used is 16 by 8 meters (source).
Outdoor Volleyball: Outdoor volleyball is typically referred to as beach volleyball. So I changed outdoor to beach instead.
Splitting information: In the poster, the information about points needed to win a set and the number of sets needed to win the match were combined. I decided to split them up for the redesign.

Final Information for the poster:

Players:

Indoor: 6
Beach: 2

Points each set (not accurate, as the first few sets need lesser points to win, but I will leave it):

Indoor: 25
Beach: 21

Court Size:

Indoor: 18 by 9m
Beach: 16 by 8 m

Ball:

Indoor: Thick & tough
Beach: Thin & Light

Sets needed to win:

Indoor: Best out of 5
Beach: Best out of 3

First Attempt at Redesigning

The initial redesign was based on one specific visual reference (Fig 2.1) I managed to find. The poster made use of a tennis ball, which was placed in the background to then separate the 2 things they were comparing.

I tried to follow that layout but with a beach and indoor volleyball in the background but decided to change it because:

It was hard to read the words
My friends said it looked weird
I did not like the layout

Figure 2.1 Process of First Redesign Attempt (6/3/25)

Figure 2.2 Drafts from the first attempt (6/3/25)

Second Attempt at Redesigning

After the first attempt, I looked for some more visual references. I found one and tried incorporating it with my first visual reference.

I decided against using any of the designs because:

The layout was messy
Words are hard to read again

Figure 3.1 Second Attempt at Redesigning Process (6/3/25)

Figure 3.2 Different colour variations of attempt 2 posters (6/3/25)

Final Redesign

For the final poster design, I drew inspiration from how sports news channels display the match results/match line up. I decided to place the information in that way to make it more readable.

For the colour palate, I decided to go for blue and yellow, not because of TnG but because its the colour of the balls used in the official Olympic matches for volleyball and beach volleyball.

Additionally, I was also inspired by how much gradients are used in sports when designing poster. So I tried to incoperate that in my poster design as well.

Figure 4.1 Inspired by how they display the match/result lineup

Figure 4.2 Trying out different colours and backgrounds for the poster (6/3/25)

Figure 4.3 Final Redesign Poster (6/3/25)

Animating the Poster

Animation for the poster was really simple. I had some feedback from the lecturer to show my animations one by one so that people could tell what I was referring to, so I followed that.

Animation was done in Adobe Animate cause that's the program that I am comfortable with.

Additionally, for the poster, we had to use a 9:16 ratio size canvas, so I shifted the layout to fit the canvas.

Figure 5.1 Final Animated Infographic (6/3/25)

Final Work

Initial Poster Design:

Redesigned Poster:

Figure 6.1 A4 size (6/3/25)

Figure 6.2 9:16 size (6/3/25)

Animated Infographic Video:

Feedback

Week 4:

For a comparison infographic, the layout should be left vs right.
Don't use up vs down layout because that's not a comparison anymore

Week 5:

You can animate the icons in one by one.

Reflection

What I have learnt:

It is really hard to find an interesting layout for comparison posters because there's really only one layout for them: left vs right. (Cue me trying to do an up vs down layout but getting shit down by lect TT^TT)
When designing for the general audience, it's best to simplify the information into one or 2 words long.

What I observed:

I observed that I haven't been really design an 'infographic' like an actual info packed graphic that has a lot of word. I kind of regret not pushing myself to try and design one like that for the past task cause I actually enjoyed researching and chucking the information.

Search This Blog

Janice Marie Eng Chia Hui (0361521)