Information Design | Project 1 & 2

22/09/2025 - 30/11/2025, Week 1 - Week 10
Rio Sato / 0360530
Information Design / Entertainment Design
Bachelor of Design (Honours) in Creative Media
Instructions
Project 1: Infographic Poster
Project 2: Minimal animated infographic

1.0 Instructions

MIB: Information Design

2.0 PART 1: Infographic poster (20%)

1. Choose 1 infographic poster design (that is not well design) from Internet

2. Redesign the poster into A4 size. Sketch the idea and process (5 Marks)

3. Redesign and simplify the poster based on visual hierarchy & typography (5 Marks)

4. Simplify the poster's design based on color, shape & pattern (5 Marks)

5. Attach your final poster on E-Portfolio with explanation and reflective writing (5 Marks)


3.0 Process Work



Chosen Poster
Fig. 3.1 Chosen Poster, 28/10/2025

I chose this poster as an example of poor design. To improve and redesign it, I need to adjust the typography, color scheme, and icons.

References of the Poster
Fig. 3.2 References of the Poster, 28/10/2025

I selected these posters as references to learn about color schemes, typography hierarchy, and layout principles.

Sketching

Before creating visual sketches, I summarized the text content for the poster. Fig 3.3 shows the memo outlining the poster's sentence structure.
Fig. 3.3 Sentence structure, 31/10/2025

Implementation process
Fig. 3.4 First Poster, 25/11/2025

Fig. 3.4 shows the first poster before I received feedback from Mr. Fauzi. He advised me to change the subtitle colors and make the body text larger and more concise.

Fig. 3.5 Second Poster, 25/11/2025

I adjusted several elements after receiving the advice, which significantly improved the poster. The content is now more visible, and the hierarchy is clearer. The overall cohesiveness is much better than the first poster.

Fig. 3.6 Final Poster, 26/11/2025

4.0 PART 2: Minimal animated infographic (20%)

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


5.0 Animated Poster




6.0 Reflective writing

Project 1: Infographic Poster

This project taught me to analyze and redesign a poorly designed infographic, emphasizing visual hierarchy, typography, and color theory.

The original poster had cluttered layout, poor typography, and unclear hierarchy. Studying well-designed references showed me how effective infographics guide viewers through strategic use of size, color, and spacing.

Mr. Fauzi's feedback was crucial. His critique on my first iteration taught me to prioritize readability and accessibility over aesthetics, particularly regarding subtitle colors and body text size.

Through iterations, I learned how visual elements create hierarchy and guide comprehension. The final poster shows significant improvement in clarity and cohesiveness. Effective information design makes complex information accessible at a glance.

Project 2: Minimal Animated Infographic

Animating my static poster presented new challenges, teaching me how motion and timing enhance information delivery and engagement.

The 15-30 second constraint forced me to be selective about content emphasis and pacing. I learned that animation must use motion purposefully to direct attention and reinforce hierarchy.

The vertical format (1080 x 1920 px) required reconsidering composition for mobile viewing, highlighting the importance of platform context in modern design.

Creating smooth transitions and maintaining visual consistency taught me patience and attention to detail, ensuring each frame supported the overall message.

Overall Reflection

These projects strengthened my understanding of information design across static and dynamic media. Good design is iterative, requiring research, experimentation, feedback, and refinement.

I will apply these lessons about hierarchy, typography, color, and motion to future projects. Most importantly, effective information design balances aesthetic appeal with functional clarity—beauty without clear communication is meaningless.


Comments

Post a Comment

Popular posts from this blog

Advanced Typography | Final Compilation & Reflection

Image
18/12/2024 /  Week 13 Rio Sato / 0360530 Final Compilation & Reflection Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University WEBSITE LINKS TO EACH TASK 1.1    Task 1: Exercises 1 & 2 1.2   Task 2: Key Artwork & Collateral 1.3   Task 3: Type Exploration and Application SUBMISSION Exercises 1 & 2 25/09/2024 -   16/10/2024 / Week 1 - Week 4 Task 1: Exercise 1 - Typographic Systems Fig. 1.1 Final  Radial   System - JPEG Fig. 1.2 Final  Bilateral   System - JPEG Fig. 1.3 Final  Axial   System - JPEG Fig. 1.4 Final  Modular   System - JPEG Fig. 1.5 Final  Dilatational   System - JPEG Fig. 1.6 Final  Random   System - JPEG Fig. 1.7 Final  Grid   System - JPEG Fig. 1.8 Final  Transitional   System - JPEG Fig. 1.9 Final Task 1 - Exercise 1: Typographic Systems - PDF Task 1: Exercise 2 - Type and Play Fig. 2.1 Compiled pr...
Read more

Advanced Typography | Task 1: Exercises 1 & 2

Image
25/09/2024 -   16/10/2024 / Week 1 - Week 4 Rio Sato / 0360530 Exercises 1 & 2 Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University Lectures: Week 1 - Lecture 1 Advanced Typography: Typographic Systems Typographic systems provide a sense of purpose that focuses and directs the decision-making. Shape grammar is a set of shape rules that apply in a step-by-step way to generate a set, or language, of designs. Fig. 1.1 Axial system (source: type 365) Axial System: All elements are organised to the left or right of a single axis. Fig. 1.2 Radial system (source: type 365) Radial System: All elements are extended from a point of focus. Fig. 1.3 Dilatational system (source: type 365) Dilatational System: All elements expand from a central point in a circular fashion. Fig. 1.4 Random system Random System: Elements appear to have no specific pattern or relationship. Fig. 1.5 Grid system (source: type 365) Grid System: A system of vertical and hor...
Read more

Advanced Typography | Task 2: Key Artwork & Collateral

Image
23/10/2024 -   20/11/2024 / Week 5 - Week 9 Rio Sato / 0360530 Key Artwork & Collateral Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University LECTURES WEEK 5 - LECTURE 5 Advanced Typography: Perception and Organisation Contrast Fig. 1.1 Size (by Carl Dair) Fig. 1.2 Weight Fig. 1.3 Form Fig. 1.4 Structure Fig. 1.5 Texture Fig. 1.6 Direction (by Carl Dair) Fig. 1.7 Colour Fig. 1.8 Form Form: The overall look and feel of the elements that make up the typographic composition. To represent a concept by doing so in a visual form. The interplay of meaning and form brings a balanced harmony both in terms of function and expression. When a typeface is perceived as a form, it no longer reads as a letter because it has been manipulated by distortion, texture, enlargement, and has been extruded into a space. Fig. 1.9 Gestalt theory for organisation INSTRUCTIONS Fig. 2.1 Module Information Booklet - Advanced Typography 2024 Task 2A: Key Artwork ...
Read more