Information Design - Project 1 and 2

5.11.2025 - 30.11.2025 / Week 7 - Week 10
Omar bin Shafik / 0371439
Information Design / Bachelors of Design in Creative Media
Project 1 & 2
INSTRUCTIONS


Fig 1.0, MIB

Project 1
Infographic Poster

For the first project, we were to take an infographic from the internet and improve upon it.


Fig 2.1, Original Infographic

This was the infographic I chose to improve. It is supposed to be a diagram of the digital world from the Digimon series and show the different layers of the digital world.


Fig 2.2, Concept Sketches

These were my initial concepts for the improved infographic, wanting to implement more interesting graphics to better present the different layers of the digital world. 

I decided to go with the sketch on the right but after not progressing for a while and consulting with Mr. Fauzi, he told me to just take an infographic from Pinterest and use it as a template.


Fig 2.3, Template image

Using this, I made a blank template with the big shapes from the infographic. 


Fig 2.4, Blank shapes

I then inserted the information and added related images to the infographic.


Fig 2.5, Infographic Progress

Final Infographic:


Fig 2.6, Project 1 Final

Project 2
Minimal Animated Infographic

For Project 2, we were tasked with taking the infographic poster from project 1 and animating it minimally. 

I began by minimalising the information on the original infographic.


Fig 3.1, Simplified Infographic

I imported the layers into After Effects and started animating the infographic. I decided to enlarge each panel in the order of the layers of the digital world, in this case, clockwise starting from Surface web to Digital World.


Fig 3.2, After Effects Import

Final Result:
Drive Link: Drive


Fig 3.3, Final Animation

REFLECTIONS

These project were fun to do since I was able to choose a topic of my interest but because I took too long I had to rely on a template to finish the assignment. This importing process from Illustrator to After Effects as quite tedious as well. Before importing, the layers in Illustrator were quite messy so I had to arrange them better so that I had an easier time importing it into After Effects. I was also quite late in submitting the assignment which I should look to rectify going forward.



Comments

Post a Comment

Popular posts from this blog

Advanced Typography: Task 1 Exercises

Image
23.4.2025 - 21.5.2025 / Week 1 - Week 5 Omar bin Shafik / 0371439 Advanced Typography / Bachelor of Design (Honours) in Creative Media Task 1 / Exercises LECTURES Week 1: Typographic Systems According to Elam, there are 8 major variations: Axial Radial Dilatational Random Grid Modular Transitional Bilateral Can be complex because they are dependent on communication to function properly. Additional aspects like hierarchy, order of reading, legibility and contrast also come into play. Typographic systems are essentially a set of rules that can be followed to help with decision making. This can take away intuition in some ways, it also serves as a solid framework that helps learners be guided while developing their own intuition in their explorations. ...
Read more

Digital Photography and Imaging - Digital and Physical Collages

Image
22.04.2024 - 14.06.2024 / Week 1 - Week 6 Omar bin Shafik / 0371439 Typography / Bachelor of Design (Honours) in Creative Media Digital Photography and Imaging LECTURES Week 1:  We were given a briefing/introduction to the module and what we would be doing for the semester. We were also tasked with our first task which was composing an image with magazine cutouts. Week 2:  Since the air conditioning still isn't running, our class was cut short. We were taught on the rule of thirds that we could use to make our images easier to look at and how to use it to our advantage while composing the image. Week 3: We learned about the basic controls of photoshop but the power cut out around one and a half hours into the class so it had to be cut short again.  Week 4: We went through the basics of photoshop and were tasked to create digital collages for our assignment. Week 5: We learned about how to shoot photos and about how lighting can affect the ph...
Read more

Video and Sound Production - Final Project

Image
Week 9 - Week 14 / 18 June 2025 - 23 July 2025 Omar bin Shafik / 0371439 Video and Sound Production / Bachelor of Design (Hons) in Creative Media Instructions Final Project For the final project we had to go through a checklist of things to do. We had to make a shot list, draw up a storyboard, film everything, and edit together a short video and we needed to use one kind of visual effect in the video. I was grouped up with Racheal for this Project. I made the shot list and storyboard for the video. After a few consultations with Mr. Martin, we made the story for the video better. Shot list: argument flash back sc1 sh1 front, medium close up mc walking to class sc1 sh2  3/4 low angle, medium flash back to mc arguing with parents sc1 sh3 3/4 eye level, medium close up mc shaking her head, getting the thought out of her head Classroom sc2 sh1  side, medium studying with headphones on/earpho...
Read more