15/02/2026 - 07/03/2026 / Week 3 - Week 5
Gabriella Grace
Christyanti / 0371915
Information Design / Creative Media / School
of design
Project 1
1. Instructions
2. Lectures
3. Process Work
4. Feedback
5. Reflection
1. INSTRUCTIONS
Project 1: Infographic Poster
For Project 1, we are required to design an infographic poster based on the Pasta Granny video. The goal is to convert visual content into a clear and professional 2D design while communicating information effectively.
We were briefed on the project’s objectives, design requirements, and expectations, which helped guide us in creating a well-structured and visually engaging presentation.
Miller’s Law – Chunking
Definition
Key Concept: Chunking
Chunking involves grouping information into smaller, meaningful sections instead of presenting too many separate details.Application in Infographics
-
Organize content into 5–9 sections
-
Use headings and subheadings
-
Group related information with visual elements (boxes, grids, colors, icons)
-
Avoid overcrowding text
Purpose
-
Reduces cognitive overload
-
Improves readability
-
Makes information easier to understand and remember
Conclusion
Applying Miller’s Law helps create clear, organized, and effective infographic designs.3. PROCESS WORK
Click here to access the Google Drive Link
Project Requirements
For this project, we were required to create an instructable infographic poster based on one recipe from the Pasta Grannies YouTube channel.
The poster size must be either 1240 × 1750 pixels or 2048 × 2048 pixels, and it should both guide the process and educate the audience.
Chosen Video: Delicious Italian Fish Stew! | Pasta Grannies
After going through a bunch of videos, I decided to go with the italian fish stew recipe. I already searched through a few ideas for infographics and making a fish stew recipe feels like it could be quite easy. The steps for creating the fish stew is also simple and it's not too detailed as the chef in the video himself said that the portions aren't too much of a concern, which gives me a bit more freedom when writing down the numbers and weights.
(Pasta Grannies on YouTube)
Information Breakdown
First before I start designing, I rewatch the videos again to watch the steps so I could break down the recipe and write out the process.
Visual Research
After understanding the project requirements, I explored visual references on Pinterest and Google Images to gather ideas for layout, composition, and illustration styles for a food infographic. I focused on examples that clearly present step-by-step instructions while maintaining a visually engaging design. |
| Fig 1.3 Reference (Source: Pinterest) |
Color Palette
For the color palette, I initially chose a blue deep ocean colored background to show the main dish is ocean themed, as can be seen in my sketch. But after I played around with the colors a bit more and search for color pallets in Adobe color, I found out that the color green shows up more in Italian themed color palettes and I find that it looked better on the poster compared to the blue I initially use. I used black for the text, in the sketch but the black color felt like it's merging too well to the darker background. So to fix it, I changed the color to a light yellow, another color I got from Adobe Color's palette. To create visual separation between each phase, I used a darker shade of green in the middle following my original reference. Additionally, for the other elements I use a red color that I also got from the color palettes. |
| Fig 1.4 Color Palette |
Typography
For the typography, I first searched on Google for references to understand what an Italian-style typeface typically looks like. From these references, I identified key characteristics such as decorative details and a slightly traditional feel that would match the theme of the dish.
I then explored fonts on Google Fonts to find typefaces that closely matched the style I had in mind. For the title, I chose Grenze Gotisch as it has a strong, decorative appearance that reflects a classic Italian aesthetic and helps the heading stand out.
For the recipe instructions, I used STIX Two Text because it is clean and highly readable, making it suitable for longer blocks of text. For the ingredient quantities, I selected Kefa Bold to create emphasis and ensure the measurements are clear and easy to distinguish at a glance.
 |
| Fig 1.5 Fonts |
Sketches & Idea Exploration
Next, I started with the sketch. Basically, I divided the recipe into 3 parts:
- The first 10-11 minutes
- The second 10-11 minutes
- Serving
Below is the sketch where I roughly mapped out the layout using screenshots taken from the original video. I arranged all the ingredients on the right side of the poster, while the cooking process is presented on the left. The design follows a clear visual hierarchy and flow, with each pan illustrating different stages of the cooking process. As the dish progresses toward completion, the size of the pans gradually increases to emphasize progression. In the corner, I placed a larger image of the final plated dish to attract the audience’s attention and highlight the end result.
 |
| Fig 1.6 Color Palette |
Digitization
Then, in adobe illustrator, I start with preparing the ingredients and tools that will be used in the poster
 |
| Fig 1.7 - Working on the assets |
After creating the elements, I started arranging them into the first draft layout. I didn’t follow my references exactly, especially for the pot placement, because my pan design has a different shape. Instead, I based it on the pan used in the Pasta Grannies video to keep the design accurate to the original source.
 |
| Fig 1.8 - Rough Draft |
After making the rough draft, I decided to use the shear tool on the text to make it angled like the reference I chose. And I also decided to play around with the colors by using color palettes I found in Adobe Color using the Italian keyword.
 |
| Fig 1.9 - Second Draft |
When I show this to Sir Martin, he said that the elements are too big so I also made it smaller. After that, I adjusted the pan sized and made the elements in the soup in each pan before adding some final touches, I also gave the poster a frame around it, inspired by the reference.
 |
| Fig 1.10 - Final Draft |
Final Outcome
 |
| Fig 1.11 - Final Outcome (PNG) |
4. FEEDBACK
I received feedback from Sir Martin, who pointed out that my elements were too large. In response, I resized them to create a more balanced and proportionate layout. Aside from this adjustment, there were no other issues with my poster, and I was advised to proceed with the design.
Working on this instructable infographic poster was both challenging and rewarding. I chose a loose recipe to give me more room for creativity and help me maintain a clear visual hierarchy and reading flow. Through sketching and layout exploration, I learned how to balance composition, whitespace, and structure to ensure clarity and engagement. Translating the Pasta Grannies video into a visual format required careful planning, especially when illustrating the cooking steps, which were more complex than the ingredients. Digitizing the design in Adobe Illustrator was time-consuming and required patience, attention to detail, and consistent revisions. This process also helped me improve my time management, as I worked gradually on different elements while ensuring regular progress.
Throughout the project, I realized that effective visual storytelling is not only about aesthetics but also about guiding the viewer through information clearly. Elements such as hierarchy, spacing, color, and emphasis play a crucial role in improving readability and understanding. I learned that infographics can communicate processes just as effectively as written instructions, and that balancing creativity with clarity is essential in design. Despite the challenges, including technical difficulties and the level of precision required, I found the experience enjoyable and meaningful. Overall, this project strengthened my design decision-making, technical skills, and patience, while giving me greater confidence in presenting information through engaging visual narratives.
Comments
Post a Comment