Design Exploration | Final Compilation
22.09.2025 - xx.xx.2025 Week 01 - Week 14
After the analysis, I found that I'm still lack of coding skills and I need to practice with some adobe app since most of the job need us to be professional on it. Another weakness which is developing a game still need more practices.
And the next part which is to do the user flow chart. (Please view the figjam for better quality preview).
I start to do my art directions later once the content is fixed. For the style, I rely on 2d illustration with a thin line art. The theme for this is a classic and hand drawn line for the font.
I start to create the scene 2 first because I still need to figure out idea to draw the starting page.
All Scene 2-7 :
Once all sketches have been finalized, I start to do the color exploration.
Since I only have color for overall the pizza look, I decided to explore more the color for background and atmosphere and I think the blue background matched with yellow, orange and brown.
I continue the rest sketches except for scene 2 since it requires various color (the clothes, drawer, wall, etc). At the end of this week I manage to complete 80% color for the scene except for scene 8 and 2.
After I finalize all the scenes, next I move to animate some parts which is for scene 2 and 6. I focused on frame by frame animation as I'm comfortable with it. I make the frame in Ibis Paint and Combine it all in Photoshop for better quality.
Animation Preview :
Tracy Angeline Tio / 0362222 / Bachelor of Design ( Honors ) in Creative Media
Design Exploration / Taylor's University
FINAL COMPILATION
TABLE OF CONTENTS
LECTURES
WEEK 1
On the first week, Mr. Asrizal explained what are we gonna do through 14 weeks of this module. He presented the MIB and showing an explanation about current portfolio to industry outlook, along with some work example from previous semester student.
 |
| Fig 3.1 Class Documentation Week 01 22/09/2025 |
WEEK 2-14
Consultation Log.
INSTRUCTIONS
MIB BOOKLET :
TASK 1
Project Proposal
Week 01 - Project Briefing & Research on Job Market
For the first week, Mr. Asrizal has explained to us about the project directions we need to do it, including two factors we need to consider which are Current Portfolio and Industry Outlook.
Firstly, I gathered all my projects that I have done previously and categorize it. View on the Figjam down or in this image below.
 |
| Fig 3.1 My Current Portfolio Week 01 22/09/2025 |
After I listed all my portfolio inside figjam, I began to research on the job market app / website through linkedin. jobstreet and company website. I summarize every key findings I got from it. There were 3 job categories that kinda match with my portfolio.
UI/ UX Designer Requirements :
- Proficiency in design tools and front-end basics (Figma, Adobe XD, Photoshop, Illustrator; HTML/CSS/JS preferred).
- Strong design expertise in user-centered design, usability, accessibility, and creating engaging digital experiences.
- Collaboration and communication skills to work with cross-functional teams and present design concepts clearly.
- Awareness of trends and innovation, including AR/VR, AI, and interactive technologies.
- Education, experience, and professional qualities – design-related degree, solid portfolio, 1–4+ years of experience, attention to detail, and adaptability.
Game Design / Development Requirements :
- Knowledge of game engines (Unity, Unreal, Cocos).
- Skills in art & graphics: 2D/3D modeling, texture, animation, digital art, interface design, prototyping.
- Basic knowledge of C++, C#, Python, or Visual Scripting (Blueprint).
- Knowledge of game mechanics, systems balancing, monetization (for mobile games) is needed in more advanced roles.
Graphic Designer (Additional Search) Requirements :
- Proficiency in Adobe Creative Suite (e.g., Photoshop, Illustrator, Indesign).
- Strong understanding through brand corporate identity and guidelines.
- Familiarity with social media platforms and current digital trends.
- Curious about generative AI tools like MidJourney, DALL·E, Firefly or Runway — or already tinkering with them.
- Strong eye for design: layout, typography, and visual storytelling.
 |
| Fig 3.2 Industry Outlook Research Week 01 22/09/2025 |
 |
| Fig 3.3 Findings Week 01 22/09/2025 |
To increase skills that I'm still lacking on, below are my project ideas to help me improving my skills :
- Interactive & Storytelling Website (Find one problem, illustrate it and code it).
- Improving Game Skills (Studying C+, Script, Mechanics)
- Exploring other field (graphic design)
Week 02 - Chosen Idea Planning
On the next week, I consulted with Mr. Asrizal regarding on my project ideas. I was asked to select one between website coding or branding (graphic design field). At the end, I select website for this project because it align well with my specialization and this project seems new to me which it was challenging.
To began on, below are the list of the topic I want to pursue as a website content :
- Mental Health Problem (Depression, Lonely)
- Indonesia Culture (Nusantara)
- Physical Health - Informative and Storytelling
- Animal / Plant
- Food
Brainstorm Process : Figjam Link
Fig 3.4 Project Brainstorm Week 02 29/09/2025
From this topic, I need to select one and start to find a references for the website art style.
Week 03 - Content Planning
This week we continue our progress and showed to Mr. Asrizal as a part of the progress. I started to finalize my selected topic. At first, I want to do Animal theme website and I choose Hamster but I felt it was too hard to planning the content and interactions later, which would led to a nonsense.
At the end, I changed my topic into something I was interested about, which is Food ! Specifically, I go with Pizza for the content because Pizza have many procedure to make and I could adapt the procedure into animated and interactive features in my website.
For the content, I focused on specific pizza flavour "Hawaiian Pizza". I have write my content in the figjam as shown below.
 |
| Fig 3.5 Web Content Week 03 11/10/2025 |
 |
| Fig 3.6 User Flow Chart Week 03 11/10/2025 |
 |
| Fig 3.7 Art Directions Week 03 12/10/2025 |
Week 04 - Scene Sketches
This week, we didn't have a physical class and our task is to send a progress to Mr. Asrizal via Teams. I asked him for my topic and content for approvement and he said I can proceed.
Once the topic got approved on this week, I began to do the rough sketches to see how it works. This is my first attempt before I make the polished sketch version.
 |
| Fig 3.8 Storyboard Planning Week 04 18/10/2025 |
 |
| Fig 3.9 Scene Progress Week 04 18/10/2025 |
 |
| Fig 3.10 Week 4 Overall Progress Week 04 18/10/2025 |
Week 05 - Continue Sketch and Began Coloring
This time is a public holiday so we don't have a consultation session. I start to continue on the sketch I haven't finished (scene 1 and 8) and applied the color and typography to see if its match or not.
Scene 1 and 8 :
 |
| Fig 3.11 Scene 1 and 8 Sketches Week 05 24/10/2025 |
 |
| Fig 3.12 Coloring Progress Week 05 25/10/2025 |
 |
| Fig 3.13 Updated Color Palette Week 05 25/10/2025 |
 |
| Fig 3.14 All Scene List (View in Figjam for Better Quality) Week 05 26/10/2025 |
Week 06 - Finalize Color and Began Animation
Due to some reason, there were no class on this week and we continue with our progress. I compiled all the scene to send the progress for Mr. Asrizal and colored scene 2 and 8 before I started animating some scene.
 |
| Fig 3.15 Scene Remains Colored Week 06 31/10/2025 |
 |
| Fig 3.16 Animation Process Week 06 02/11/2025 |
Fig 3.17 Scene 2 Animation Week 06 02/11/2025
Fig 3.18 Scene 6 Animation Week 06 02/11/2025
Week 07 - Prototype Finalization
Our class were conducted physical on this week and I showed my progress to Mr. Asrizal. He said animation for scene 6 is fine and asked me to refine scene 2 drawings since the chin looks weird.
I focused on to saving all assets 1 by 1 and start to move to figma first since I want to see the prototype looks like. Once the prototype is finished, I will do refine scene 2 if I have time since it's not the main priority and need to save time to works on this.
Week 08 - Compile Assets & Visual Studio Code Setup
l
TASK 2
Project Development
Week 05 -
Aa
Week 06 -
On
Week 07 -
On
Week 08 -
On
TASK 3
Final Project
Week 09 -
Aa
Week 10 -
On
Week 11 -
On
Week 12 -
On
Week 13 -
On
Week 14 -
On
FEEDBACK
Week 2
- You need to select one which one you want to do and how it would align with what industry needs. After confirmed, can start planning the content and moodboard.
Week 3
- Deadline should be around week 5 for task 1
- Topic is fine and next week should showed the moodboard / illustration references along with content planning and user flow chart.
Week 4
- Can start proceed to sketch the website.
Week 5
- Continue the sketches and try to color 1 scene to finalize the stylization by the next week.
Week 6
- Looking good for overall color. Continue to finish the overall color.
REFLECTIONS
xx
Comments
Post a Comment