Information Design - Project 1

on

Information Design - Project 1

02/02/2023-14/02/2023 (Week 4- Week 6)
Brigita Maria/0352958
Information Design/ Bachelor of Design in Creative Media
3D render by Milad Fakurian




INSTRUCTION


PROJECT 1: INSTRUCTABLE POSTER/ANIMATION

STILL POSTER

First and foremost, for the first project we were assigned to make instruct able poster. Specifically a instruction from Granny Pasta's cooking video. Each of us are to choose one of the cooking video in Granny Pasta's Youtube channel. 

I choose one of the video from their channel... A recipe on Basil Pesto Pasta


I prepare my laptop, speaker, pens and notes to jot down all the steps and information given. Surprisingly they also provide a small information of the measurements o in the information box, as she did not specify the measurements of ingredients. So I use both the video and information to curate the drafting. 


Fig 1.1 Notes from the Granny Pasta's video (1)

Fig 1.2 Notes from the Granny Pasta's video (2)

From the visuals and the written information of the recipe, I try to make a visual that is appealing and can give the instruction of the recipe. Although Mr. Hafiz said it lacks of the instruction text for the first few rough draft of my poster.



 
Fig 1.3 First initial sketch of infographic


Fig 1.4 Refinement of first sketch

Fig 1.5 Adding colors



Fig 1.6 Some edit and changes of the colored draft

Base on the first draft, Mr. Hafiz said it needed to have the quantity written and displayed in the poster. So I did change the whole structure of the poster to become more structural and more instruct able. 

Fig 1.7 Digitizing


Fig 1.8 Second draft of infographic


Fig 1.9 Digitation of second draft

Mr. Hafiz found this draft is much better though it sill needs some text to explain the steps. Plan the whole text placing and instruction even at the draft level.
Fig 1.10 Adding title and texts

Fig 1.11 Adding more text and information

Fig 1.12 Refinement of the positions and texts

Mr.Hafiz find the last refinement better than the previous ones. So after increasing the text as he told me too (to make it more visible as it is the important aspect of the instruct able poster), I did fix the white-space to make it less awkward and utilized as much as possible. 

Fig 1.13 JPEG

Fig 1.14 PDF



MOTION POSTER

Fig 1.15 Making graphic and scene for every steps of the recipe

Fig 1.16 Planning out each scenes 
Fig 1.17 Animation on the texts

Fig 1.18 Animation on the graphics


Fig 1.19 Compiling the scenes into one video

Fig 1.20 Zoom in on the scenes that I made

Fig 1.21 Video Draft

After I got feedback from Mr.Martin, I did some revision on the animation.

Fig 1.22 Final Video




FEEDBACK

One of Mr.Hafiz comments on my first draft:











REFLECTION

Experience
 
Observations

Findings