Information Design | Project 1


 10/1/2023 (week 1) - 27/2/2023 (week 7)  

Nurul Asilah Binti Mohamad Asif | 0353346 | Information Design | Bachelor of Design (Hons) in Creative Media

Project 1 | Instructable Infographic Poster, Animated Instructable Infographic Poster


Instructions 

Brief 


Project 1: Instructable Infographics Poster

For project one we were the first task to go through the YouTube page by Pasta Grannies and select one recipe of our choice to create an infographic poster.

  • Study one video, breakdown and chunk the preparation and cooking process into an instructable poster 
  • Try to capture each Grandma's personality and unique dish identity in your poster as part of the narrative stricture
  • Poster size: 1240 x 1750 pixels or 2048 x 2048 pixels

The infographic poster should reflect the following:
  • To transmit or communicate a message
  • To present large amounts of information in a compact and easy-to-understand way
  • To reveal the data
  • Discovering cause-effect relations, knowing what’s happening
  • To periodically monitor the evolution of specific parameters
Requirements:
Practical- photo editing/ illustration software, video/animation software (i.e After Effects/ Animate)
  • Graphs, charts, and diagrams
  • Animation principles
Theoretical (Information Design Framework)
  • Information type
  • Device
  • Principles (LATCH etc)
  • Aesthetics i.e: isometric. simplified illustrations

Video Breakdown 

Fig 1.1 Video Chosen (27/01/23)

For project 1 we were tasked to choose a recipe from the Pasta Grannies Youtube page. I decided to go for Asparagus Lasagna one since it looked really delicious. So I wrote down some of the ingredients and how to make them as well. 

Fig 1.2 Information breakdown (27/01/23)

Visual Research 

 

Fig 1.3 Inspo from Pinterest #1

Fig 1.5 Inspo from Pinterest #3

 

Fig 1.4 Inspo from Pinterest #2



Fig 1.6 Inspo from Pinterest #4


I went ahead and did some research and look for some inspiration for how I wanted my design to look.
The ones that I preferred are ones with very clear step-by-step instructions and also an introduction to the ingredients.


Sketch

Fig 1.7 Sketch of the design (27/01/23)

For my sketch I wanted to go for the stacks of the food style, where one is layered after another, It just makes sense for a lasagna recipe. 


Illustrations 

Right after I sketched the whole thing, I drew the whole ingredients in procreate.

Fig 1.8 Ingredients Illustration (27/01/23)


Infographic Posters 

I rearranged a few of the elements on the canvas and I find it frustrating since I have a hard time arranging the whole ingredients all together, but I managed it anyway. I made a few alignments to see which one looks good. 


Fig 1.9 Draft 1 (27/01/23)

Fig 2.0 Draft 2 (27/01/23)

Fig 2.1 Draft 3 (27/01/23)


I asked Mr.Hafiz for some feedback and I was told that the graphics are good, however, I must add some words to the poster. 

I  made a few changes to my poster and decided to go for a different look with a mix of minimalism. 

Fig 2.2 Draft 4 (28/01/23)

Final Outcome 

Fig 2.3 Final Outcome (29/01/23)


Final Outcome in PDF format 

Fig 2.4 Final Outcome in PDF Format (29/01/23)


Project 1 (Part 2) Animated Instructable Infographic Poster

I decided to go for a simple animated infographic, with simple position layering to the elements for this one, since I have all the elements ready for editing. 

Fig 2.5 Layering (4/2/23)

Final Animated Infographic



Fig 2.6 Final animated infographic (4/2/23)


Feedback 

- Week 4 Feedback: Mr.Hafiz told me to add information (text), measurements such as quantity (gm, kg, time), and quality (type of ingredient) should be included in the draft. It's important to create the draft and include text and images as both are equally important. 

-Week 5: Japan trip




Reflection 

Comments