Information Design - Project 1 & 2/ Infographic Poster

-
Information Design - Project 1 & 2
21/01/20 - 24/02/20 (Week 03 - Week 08)
Sia Man Sheng
0333877
Instruction


Brainstorming
In this project, we are to choose a recipe and visualize it into an infographic poster. There are some considerations when I was choosing my recipe, which the main consideration is how to deliver the recipe clearly, effectively and memorable in an interesting way. The recipe that I have chosen is Mcdonald French Fries, which has clearly elaborate in this video.




Video 1: Mcdonald French Fries Making Process
After I chose my recipe, then I only proceed to brainstorm on the graphic style. I want to make it interesting and the best way to achieve this is to give it a narrative. The examples below did great in terms of this. After studying the process of all the examples done by the same designer, BangZheng Du. I have found that all the steps are really simple, although the original recipe is complicated, he manege to simplify it into maximum 5 steps. 
Diagram 1: VC Orange Express

Diagram 2: The Bathhouse Chicken

Diagram 3: The Idol Factory Potato Chips

Diagram 4: Another way of making a narrative in the recipe


Process
The first thing to do is to list out the steps as shown in the video and simplify it.

 Original Recipe

  • Collect Fresh Potato from the farm
  • Washing
  • Peeling Skin
  • Cut under high water pressure
  • Chemical Bath
  • Partially fry for 3 minutes in the factory
  • Adding "beef" flavour seasoning
  • Pack into a small bag
  • Send to each store
  • Frying 
  • Seasoning
  • Serving

Simplified Recipe

  • Collect Fresh Potato from the farm
  • Peeling Skin
  • Washing
  • Cut under high water pressure
  • Chemical Bath
  • Frying
  • Seasoning
After making sketches and draft, I started to illustrate it. 
Diagram 5: Some References

Diagram 6: Illustrating Potato Character

Diagram 7: Give them different characteristic to make up the storyline

Diagram 8: Reference Pic for Waiter and Counter

Diagram 9: Outcome of Serving Counter

Diagram 10: Modify it to become a seasoning area

Diagram 11: Mcdonald Elements

Diagram 12: Illustrating Japanese Onsen With Mcdonald Element

Diagram 13: Done with all Illustrations

Diagram 14: Labelling

Final Outcome
Diagram 15: Final Poster

When things started to become more and more, I did realize that there might be confusion towards the sequence of steps. Hence, I clarify it with the moving path of my potatoes. They follow a zig-zag movement where start where the train comes from and end at the serving counter. Moreover, it follows a reading flow from top to bottom, left to right, which enables readers to clarify the sequences.

Animated GIF
Here is the animated version of the poster.

GIF: Animated Poster


Video 2: Animated Poster

Comments

Post a Comment

Popular posts from this blog

Typography - Exercises

-
Image
Typography - Exercises 05/04/19 - 26/04/19 (Week 1 - Week 4) Sia Man Sheng 0333877 LECTURE NOTES Lecture 1: Introduction to Module 05/04/19 - week 1 We did not have a formal lecture this week but there is a briefing including what are we going to face in this module, the marks given for each assignments, different tasks and their expected learning outcome. Mr. Vinod did clearly showing and guiding us on setting up an e-blog by using wordpress.com step by step until we are all mange to handle it on our own. After that, he did show us an example of senior's work, so that we could have an image on what are we going to work on.  Lecture 2: Introduction to Typography 12/04/19 - week 2 Typography is a style and appearance of printed matter or a technique of arranging type in order to make it more readable and appealing. It is known as calligraphy at the initial stage and transform to lettering after that. Finally, this technique and style i...
Read more

Interactive Design: Troublemakers Manifesto Microsite/ Project 2

-
Image
Interactive Design: Troublemakers Manifesto Microsite/ Project 2 15/10/19 - 29/10/19 (Week 8 - Week 10) Sia Man Sheng 0333877 LECTURE NOTES Lecture 6: Responsive Web Design This week, we were told that our collateral is no longer an e-invitation, but instead a microsite. I learned that microsite is essentially a website that is separated from the main site, and it usually has a specific goal or target audience to it. There are also a handful of benefits such as cost, speed, good for experimental tool, having detailed information and more. Moving on, we were introduced to bootstrap, and we got to briefly learn about it and how we can apply it to our designs. I also got to learn about the grid system in bootstrap. Figure 1.1 Grid System in Bootstrap INSTRUCTION Bootstrap Exercise For this project, we are to create a microsite for Troublemakers Manifesto using Bootstrap 4. The microsite should contain all the collateral we have done as ...
Read more