Project 1: Animated Infographic Poster

Name : Khansa Raudlatus Syahiidah As - Sajad
Id : 0374511
Course : Bachelor Design (Honours) in Creative Media

---

Table of content :

1. Class summary 

2. Instructions

3. Process work

    3.1 Research 

    3.2 Ideation 

    3.3 Final Outcome

4. Reflection

---

1. CLASS SUMMARY 

    During our Information Design week 3, class was held online. On the online meeting we had, the meeting was open for our project 1 consultation. Some students have showed 3 infographic posters in the internet that is not well design. After showing it, Mr. Fauzi helped on choosing which is best to start on redesigning it.

---

2. INSTRUCTIONS 

Requirement:
Your main intention is to analyze 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 (10%)           
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 (10%)
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

Submission:
1. Digital upload into your Google Drive.
2. Online posts in your E-Portfolio and your reflective writing.
(Please attach the E-Portfolio link here for submission.)

---

3. PROCESS WORK

3.1 Research :

    Here are my three chosen infographic poster :

    Poster 1 : Although the words are summarized,  I think that I could add other more fun facts and redesign it in a more animated way. Therefore, it can catch others attention more.

    Poster 2 : The information in this poster is too much and could be summarized for a more eye catching poster. The words all around also makes the poster looks very packed.

    Poster 3 : Although this poster is already made very simple, I thought that certain parts could be removed in order to give a longer explanation to other parts which may create a more understandable but also concise information.

3.2 Ideation :

Initial sketches :

    My design idea, based on the research I did in Pinterest, I plan on going with boxes for information and illustrations in each box. As shown from above, I put in a total of 6 information based on my chosen poster to redesign. I did not put in all info, however, all on what's written is based on the poster.

Sketch progress : 

    I then started thinking on how I want my title to look like. Using this as my final sketch allow me to move on with my progress easily.

Final sketch :

    This is the final sketch after putting in the colors and adding illustrations. I changed certain illustrations to match what the information is talking about.

3.3 Final outcome :

Poster :

Animated poster :

https://youtube.com/shorts/fs3f7EFOwWs?feature=share

---

4. REFLECTION 

Experience :

    During my work on this task, I spent a long time just to search up for posters to redesign. After I have finally come up with the three options, I began thinking of ideas on how I want to redesign it. I personally chose this specific poster to redesign because of its information. Although at first it was not as concise, I manage to take the most important parts. 

    I also took a long time animating the poster using after effects. Although I am still struggling with after effects, I tried recalling previous project and also from You tube videos.

Observations :

    I learned to understand more on the use of after effects. I have learned about the transform tools like, rotation, position, and opacity.

Findings :

    Doing project required time and effort. Therefore, it is better to do things little by little. For example, I like starting the blog early to get the easy part done and focus more on the Illustrations and After Effects.