# data[].attributes.headline
Legend: [Week - ]                                     Colour Coded journal Entries

# data[].attributes.subject
Legend: [Week - ]                                     Colour Coded journal Entries

# data[].attributes.body
Yellow: Initial Learnings & Project Analysis

Blue: Data gathering Research, Ideation sketches & Design Direction

Green: Digital Sketches & Storyline Mockups

Red: Design Development & Showcase of Deliverables

Purple: Overall Reflection

# data[].attributes.headline
[Week 1]                          Visual literacy?        

# data[].attributes.subject
[Week 1]                          Visual literacy?        

# data[].attributes.body
What can you see?
What can you feel?
What does it want to tell us?
In my first lesson of studio VC2 we were asked the question, how would a visual, communicate its message?
Well I suppose it's through:
*Subject matter (what is it?)
*Colours (warm/cool feelings?)
*Angles
(low angle= small, insignificant,
high angle= dominative, see it all
Eye level= personal, relatable)
*Vectors & Shapes
(Its structure & texture?)
*Lighting (Highlights the focus item, sets the feel & mood)
*Gestures
(body language, movement)

# data[].attributes.headline
[week 1]             Presentation/ Assignment 1 ("Chairs")              

# data[].attributes.subject
[week 1]             Presentation/ Assignment 1 ("Chairs")              

# data[].attributes.body
In today's assignment I wanted to show that things may not seem as what they are, the way of how we perceive chairs differ from one another and thus i wanted to show that in these photos.

# data[].attributes.headline
[Week 1]                                                                           Who's paying attention? 

# data[].attributes.subject
[Week 1]                                                                           Who's paying attention? 

# data[].attributes.body
Observations lead to opportunities

The biasness from past experiences blinds us from opportunities

We should observe things from an extraordinary POV by:
-re-exploring its function
-Finding out more opportunities to modify to give it more uses or create something different
-Exploit its original fuction
-Adapt it for other functions
-Conforming to learn the patterns and needs
-use it as a way to communicate signals

# data[].attributes.headline
[Week 2]                       "Clouds" Presentation            

# data[].attributes.subject
[Week 2]                       "Clouds" Presentation            

# data[].attributes.body
The first slide shows a Circle rainbow around the sun which i felt was a picture too good to be left out, thus i used it as the cover pic of this presentation. I chose the Phoenix, Dragon and Food chain Clouds as i felt i wanted something more exotic and fantasy-like to really bring out my creativity and weird perceptions of the formation of clouds.

# data[].attributes.headline
[week 2]                Assignment 2 ("Clouds")        

# data[].attributes.subject
[week 2]                Assignment 2 ("Clouds")        

# data[].attributes.body
as i the weather wasnt really on my side for the whole week, i took all these photos within the same day, therefore the sky looks similar in all photos. Since i had limited photos, i decided to expand on my creativity to create more abstract and fantasy type of cloud interpretations, therefore the multiple interpretations of mystical creatures like dragons and phoenixes. Utilising photoshop to better illustrate my ideas to create strokes and texture in my images to better enhance my intended effect of depth and Structure.

# data[].attributes.headline
[Week 2]                   Conjoined Images Presentation    

# data[].attributes.subject
[Week 2]                   Conjoined Images Presentation    

# data[].attributes.body
In this assignment we were told to create an image from 2 words with contrasting meaning. thus i immediately though of air pollution as one of the images used were clouds, to come to think of it nowadays with all these burning of fossil fuel and oils, they've polluted our atmosphere so made to the point that even our seemingly innocent looking cloud is now a floating ball of toxic gases. Therefore i decided to use the words, cloud and oil since they have contrasting meanings and looks where one is really bring calming and soft while the other is dark dirty and aggresssive.

# data[].attributes.headline
[Week 2]                   Conjoined Images         (What are we breathing?)         

# data[].attributes.subject
[Week 2]                   Conjoined Images         (What are we breathing?)         

# data[].attributes.body
Utilizing photoshop to mix the texture and colour of the dirty oils and the shape of the clouds, i combined both elements of the 2 images to produce an evil dark looking cloud which reveals the underlying toxicity in our air right now

# data[].attributes.headline
[week 2]                          Studio Project analysis      

# data[].attributes.subject
[week 2]                          Studio Project analysis      

# data[].attributes.body
As we embarked on this studio project, we were told to focus on the theme of teenage volunteerism which is the act of helping out without recieving anything in return which a form of a selfless act that helps people willingly. Me and my group decided to narrow onto the organisation FAMCHAMPS as not only are they a organisation that focuses on teenagers volunteering and have intentions of helping kids with family issues which we felt is really common nowadays, I've also worked with this organisation for almost 4 years and have a treasure trove of information to provide when we are doing our research thus me and my group decided to settle on this organisation due to its practicality, my experience and its strong vision to encourage youths to adopt the spirit of volunteerism.

# data[].attributes.headline
[Week 2]                         Studio Project Research 

# data[].attributes.subject
[Week 2]                         Studio Project Research 

# data[].attributes.body
According to my experience and basic research about the organisation, we found out that was started ard 2010s where the mission is to nuture family champions who will like champion for the goodwill of family, they organise annual 3D2N camps which take place around November during the eoy holidays for hundreds of secondary school students to participate and tertiary school students to help out in being an assistant mentor (help befriend and lead participants in activities) or a taskforce assistant (do all the background admin setting ups and behind-the-scene stuffs) this is the main event for this organisation but they also host other smaller scale events like workshops like Dads for life, about teenager's sexuality and much much more, all in all to help youths understand the importance of having good family relationships and making wise life decisions in the future.

# data[].attributes.headline
[Week 3]                  Interview's focus & Questions            

# data[].attributes.subject
[Week 3]                  Interview's focus & Questions            

# data[].attributes.body
Volunteers
Our main focus through this interview is to better understand the life-changing experiences the volunteers have had on a personal level, thus we decided to personally text every interviewee through whatsapp and telegram and asked them the questions in a casual way using various ways of approaching them but eventually getting their unique responses on the same questions.

Organisation
As I knew the organisers personally since i have worked with them for almost half a decade, i decided to find a common topic to ask about the organisation's well-being, how they're doing and just casual stuff before eventually starting to ask them in depth about what, why, who and how would they want youths to volunteer. I was glad to be able to arrange an online zoom interview with them within a few days.

# data[].attributes.headline
[Week 3]                              Organisation's Interview Data

# data[].attributes.subject
[Week 3]                              Organisation's Interview Data

# data[].attributes.headline
[Week 3]              Organisation interview SUMMARY              

# data[].attributes.subject
[Week 3]              Organisation interview SUMMARY              

# data[].attributes.body
So the basic info that we gained from this interview is that this organisation Focuses mainly on helping youths to champion family, by organising camps and workshops participated and hosted by by youths as it make the experience more pleasant and relatable since the participants are youths and hosts are also youths who have participated in the camps and are now alumnis, since they are almost of the same age and have common experiences which will then allow those youths to better communicate and understand each other thus being able to easier spread its message to help love and champion family. Though  unfortunately the main issue faced by the organisation to engage alumnis to come back to help out is that there is a confused public image of youth work as problem youths, as well as the difference between social service and social work, which feeds the alumni volunteers with the wrong information due to miscommunication and rumours that causes them to lost interest and thus lack commitment to help out in such events. Though they did try to curb this issue by constantly engaging more youths through events, talks and workshop to fix up any misconceptions, but it is not proven to be extremely effective as the number of alumnis volunteering to help out each year is still stagnant or dwindling. Therefore they require an effective solution to combat this issue of a confused public image and educate youths as well as the public on why youth volunteerism helps all youths in general in learning life skills, and not just the youths who got into trouble or are currently facing issues.

# data[].attributes.headline
[Week 3]                   Volunteer Interview Data        

# data[].attributes.subject
[Week 3]                   Volunteer Interview Data        

# data[].attributes.body
Interview Summary
As we valued Quality over quantity, and since we had to personally text every interviewee we managed to get 8 detailed and unique set of answers from our interviewees, though we did notice a trend of the youths volunteering cause of friends, interest or fun as well as them knowing that it is beneficial for society though as much as they want to help they can't due to time restrictions and a tight schedule. Though there is a contrast of opinions between whether or not youths should be rewarded for volunteering, with some saying a simple gift of freebie would remind them of their time volunteering and may even prompt more youths into volunteering, while others also say that volunteering is something done from the heart and should not be rewarded as the reward is the opportunity to help others in need.

# data[].attributes.headline
[Week 3]                     Empathy map &                How might we     

# data[].attributes.subject
[Week 3]                     Empathy map &                How might we     

# data[].attributes.body
For the empathy map, we felt that it would be better to really put our minds into a typical singaporean teen who wants to help out but is either too tired and lazy or lack commitments and don't have time where they prioritize studies, friends and rest time over volunteering

"How Might We" statements
-How might we encourage youths to volunteer
-How might we motivate them to be more proactive
-How might we keep that sense of commitment to volunteering
-How might we help youths overcome their laziness and poor time management

# data[].attributes.headline
[Week 3]                            User persona  

# data[].attributes.subject
[Week 3]                            User persona  

# data[].attributes.body
After gathering all the data, research and info regarding the Youths who may want to volunteer as well as how the organisation works, I worked on the user persona of "Jamie Tan" as an average singaporean student facing the same typical stresses of everyday teenage life and schoolwork and how it hinders her from volunteering.

# data[].attributes.headline
[Week 3]                          Group presentation on Idea       

# data[].attributes.subject
[Week 3]                          Group presentation on Idea       

# data[].attributes.body
For our group presentation we just did a rough sketch of what we know about how the organisation came to be, its motive and reason for influencing youths especially, to volunteer, as well as the challenges youths face when they want to participate in such events. We also proposed some ideas of how we may help the organisation to recruit more youth volunteers and how youths could overcome the challenges they faced. Even though ths presentation was rushed, as we were only given a few days, i felt that we were able to clearly convey the message of this organisations purpose and intentions, the youths motivation and issues faced

# data[].attributes.headline
[Week 3]                                  3 Ideas & Key message  

# data[].attributes.subject
[Week 3]                                  3 Ideas & Key message  

# data[].attributes.body
The main message:
Make a change, be the difference
A confused public image of youth volunteerism being only for the youths in trouble or with problems which leads to a lack of commitment and lost of interest in volunteering as they feel it to be not worth their time. Thus I'll need to find a way to educate the public on what youth volunteerism really is and make the youths feel valued for their service in helping out the community in order to break public stereotypes of youth volunteerism being for the troubled youth and grow the spirit of volunteerism within youths.

Idea 1 : (A lasting memory)
To combat the lack of commitment within youths we need to make them feel valued and important thus i feel that having a non monetary but tangible reward for the youth as the end of the event that serves as a memento that would allow them to remember what they've done in FAMCHAMPS and how they've helped others through their actions, pushing them to work harder to help more who are in need.

Idea 2 :  (Volunteering benefits ALL)
Educating the public especially the youths on the importance of having the spirit of volunteerism is to be willing to volunteer for a good cause and learn life skills, not cause you a someone in trouble or have problems through posters and media broadcasts to really let everyone understand the true meaning behind volunteering for FAMCHAMPS (empathy and sypathy)

Idea 3: (YOUths Made a difference)
To arouse more attention among youths and alumnis to helpout, i felt that designing an poster that directly engages the youth in saying that they will have made a monumental difference in someone's life as a volunteer with the title being "YOUths made a difference" to properly catch the youths attention as the words YOUths directs the message at the audience with the "YOU" in caps. I also made it in a way to say that other youths have already made a difference through volunteering with FAMCHAMPS and it will foster the sense of FOMO (fear of missing out) within the youths reading the poster, thus causing them to feel obliged to volunteer as many others have experienced it too, and they themselves don't want to be left out of such an opportunity.

# data[].attributes.headline
[Week 3]                                           Youth's Short attention span                   

# data[].attributes.subject
[Week 3]                                           Youth's Short attention span                   

# data[].attributes.body
I came across this interesting article of how apparently, us modern day youths have a shorter attention span than a goldfish, I was really surprised to know this as i didn't know that a youths attention span can be as short as 8 seconds. This thus really made me think of how i may communicate the message of volunteerism through my web comic in under such a short amount of time and how i may hold the youth's interesting before the 8 seconds is up

# data[].attributes.headline
[Week 3]                              Minimalistic & Modern aesthetics Youths Prefer             

# data[].attributes.subject
[Week 3]                              Minimalistic & Modern aesthetics Youths Prefer             

# data[].attributes.body
As the 21st century starts, youths and young adults alike have seen to lean toward a more minimalistic approach towards, space and design, this trend has become more prominent in recent years where youths prefer simplicity and modern aesthetics other detailed colorful aesthetics, therefore in my web comic i will do my best to cater towards this demographic and use a simplistic design & colour scheme to better suite my target audience.

# data[].attributes.headline
[Week 4]                Moodboard Draft          

# data[].attributes.subject
[Week 4]                Moodboard Draft          

# data[].attributes.body
In this rough draft of a moodboard emphasises the struggles youths and the organisation face when volunteering, due to commitment issues and miscommunications it has negatively affected the youth's passion and drive to adopt the spirit of volunteerism.

# data[].attributes.headline
[Week 4]               Moodboard- Inspiration, Empowerment & Community           

# data[].attributes.subject
[Week 4]               Moodboard- Inspiration, Empowerment & Community           

# data[].attributes.body
The reason for the this Moodboard design is due to the main goal of this project is to foster commitment by inspiring and empowering youths to volunteer and be part of the FAMCHAMPS community by directing the message "YOUths made a difference" at them to encourage them to feel obliged to help out and participate in volunteering events.

# data[].attributes.headline
[Week 4]           Organisation's design References           

# data[].attributes.subject
[Week 4]           Organisation's design References           

# data[].attributes.body
The organisation uses a simplistic icon style of drawing and calming colours and images which resonate well with its vision of helping children and youths, but observing its inadequate follow to like ratio of 2000 to 20 likes, it seems that these posts, even though they convey the right message, they do not get the youths attention or encourage them to help out or volunteer. Therefore i will look to other methods of design and approach with a different art style to hopefully gain more attention specifically among youths volunteers.

# data[].attributes.headline
[Week 4]                        Design References                & Art direction    

# data[].attributes.subject
[Week 4]                        Design References                & Art direction    

# data[].attributes.body
Since I'll be manipulating typography to bring out my message i have chosen the art direction of typography, and have referenced design methods used by influential Posters and Architectural structures, to identify and understand the organic abstract and dimensional geometric styles of typography respectively.

# data[].attributes.headline
[Week 5]                 Storyboard  Draft           [YOUths Made a difference]               

# data[].attributes.subject
[Week 5]                 Storyboard  Draft           [YOUths Made a difference]               

# data[].attributes.body
In my first draft, i tried to illustrate a basic storyline of a child with a broken family whom gets help from the YOUths' healing hands which guides and heals the child mentally under his care and eventually leads him to the light at the end of the tunnel. Though after much consideration I decided to scrap the idea of the healing hands as its too common which makes its mundane, thus i will try to manipulate typography to show how the child slowly progressively gets better.

# data[].attributes.headline
[Week 5]                             First Crit presentation 

# data[].attributes.subject
[Week 5]                             First Crit presentation 

# data[].attributes.body
In this presentation I wanted to showcase my analysis of how my concepts would directly pertain towards the main issues faced by both youths and the organisation and how it evolved my ideation into utilising typography as i felt that it is rarely used and would make a new and fresh art style for the organisation to better attract and reach out to youths. I also proposed my basic story board idea which i then found out severely lacked the element of typography that i was trying to implement, thus i will try to refine it to better use side elements of typography to aid my main characters in the story

# data[].attributes.headline
[Week 6]                             Webcomic layout references

# data[].attributes.subject
[Week 6]                             Webcomic layout references

# data[].attributes.body
Since we are doing a web comic, i researched ways of how comic artists arrange and place text, characters, their layout as well as their point of view angle to focus on the main subject and allow secondary subjects to aid the comic in conveying its meanings. i also noticed how they used the rules of thirds to emphasis on the main character's importance and sometimes would even have text or characters move out of their panels to elaborate on their extreme actions & reactions. the following images are just some of the webcomics that i felt that are the most relevant and helpful in helping me understand how we could layout and organise a webcomic.

# data[].attributes.headline
[Week 6]                           Artist Art style references   

# data[].attributes.subject
[Week 6]                           Artist Art style references   

# data[].attributes.body
As my main art style of this project is typography, I felt that referencing stefan stagmeister's form of type give me insights into abstract and more organic forms of typography where he utilises words to literally craft intriguing images that resonates well with the overall message such as twisting an turning words to form faces or using objects and materials we see in our everyday lives to make Chunks of text that add on to the intended meaning of the overall design.

# data[].attributes.headline
[Week 6]                         Colour Scheme                                

# data[].attributes.subject
[Week 6]                         Colour Scheme                                

# data[].attributes.body
I decided to go with a minimalistic monochromatic colour scheme of colour mainly from the black & white spectrum mainly because since I'm already utilising as art style of typography, it is a really complicated element that i would want the audience too pay attention to, adding too many colours may provide too many unnecessary elements to the comic which decreases it legibility and ruins the overall intended effect. Also referencing to Stefan stagmeister's Art style he tries to include as little bright or pastel colours in his works and focuses more on the details of the typography and figure while using simple dark colours with a whitish contrast.

# data[].attributes.headline
[Week 6]                         Research On Framing    (Broken to Completed) frames)   

# data[].attributes.subject
[Week 6]                         Research On Framing    (Broken to Completed) frames)   

# data[].attributes.body
As i read up on more web comics online, I liked how they liked to break the fourth wall (Where the characters in the story become sentient and interact with the audience directly) or how they were able to manipulate not just what is within the frames but also the frames itself to better showcase their ideas. What this comic has done is really interesting as they talked about prison and thus used the comic frames to imitate prison bars.

# data[].attributes.headline
[Week 6]                Onomatopoeia typography 

# data[].attributes.subject
[Week 6]                Onomatopoeia typography 

# data[].attributes.body
As i furthered my research into typography I found out the best variation of typography where world visually represent the literal meaning of the itself, for example shown in the image, it breaks itself apart when the word is "snap". This is also something i worked on in typography which i felt would well fit into my art style of utilising typographic elements.

# data[].attributes.headline
 [Week 6]                                            More Rough Ideation Sketches                           

# data[].attributes.subject
 [Week 6]                                            More Rough Ideation Sketches                           

# data[].attributes.body
A Compilation of some of my sketches after some brainstorm. Mainly featuring the child being weak but was given strength through the volunteers.

# data[].attributes.headline
[Week 6]                                          Ideation Draft                                        

# data[].attributes.subject
[Week 6]                                          Ideation Draft                                        

# data[].attributes.body
Before the consultation session I've prepared a basic story line of a young child being drilled by his parents with hurtful words and eventually he cracks and cries as those words flood his mind and flow through is eyes showing that he's in pain, then suddenly a YOUth volunteer materializes and appear in front of him made of the word "YOUths".

# data[].attributes.headline
[Week 6]                                                 Refined Storyboard Draft 1                [With side elements of typography]   

# data[].attributes.subject
[Week 6]                                                 Refined Storyboard Draft 1                [With side elements of typography]   

# data[].attributes.body
Before my consultation I finished up the previous draft by adding a 3 section montage of how the youth helps and guides the child and eventually leads him to the light at the end of the tunnel.

# data[].attributes.headline
[Week 6]                                                  Digital Character design               

# data[].attributes.subject
[Week 6]                                                  Digital Character design               

# data[].attributes.body
Mom-
Design 1: Manipulated the word "MOM" to create the shape of a women's face with long hair complete with a white outline to better define the face shape
Design 2: Just as letter M with long eye lashes and high heels to imitate as the mother who look menacing and intimidating.

Dad-
Design 1: Used the same method to create the first mom design but gave it more volume in its shape to better personify a hardened dad.
Design 2: Made use of the D to show a dad with a moustache as well as sharp, declining strokes from the top of the D to show the frustration and anger of the dad

Child-
Design 1: Used a crooked brain with scribbled words "child" to show the mental frustrations he has gone through as well as elaborating on how broken he is on the inside in a literal manner.
Design 2: Using the same concept as the second Dad & Mom designs i chose to use a contrasting colour white as to better draw attention to the child since he is the main character. I also gave him a helicopter hat as a kiddy element and for the audience to better understand that he is a child.

YOUths- I havent sketched up any ideas of the youths yet but i have a rough idea of portraying him as a teenager while using the words YOUths and really emphasising on the "YOU' with physical elements like converting it into a face while using the "ths" as the body or enlarging the "YOU" in an obvious manner. I will think deeper into this but for now i will be able to complete the first 2 pages without the "YOUths" character as it'll be later in the story.

# data[].attributes.headline
[Week 6]                             Refined Art direction: Organic abstract typography and Simple icon images   

# data[].attributes.subject
[Week 6]                             Refined Art direction: Organic abstract typography and Simple icon images   

# data[].attributes.body
After tdy's consultation I found out that even though i incoperated elements of typography, they were only seen as an effect and not the main artistic element, so after much though

# data[].attributes.headline
Rough sketches of Web comic page 1 draft

# data[].attributes.subject
Rough sketches of Web comic page 1 draft

# data[].attributes.body
Now that i have the basic idea of utilising words to create my characters as well as the emotions they convey, i wanted to show case how i can incorporate these ideas into the format of a web comic and how i could use type to show more emotion. Therefore i thought that for the first page i will have this constant swirl of text that links up in the background and occasionally the foreground depending on that panel's environment. For example, as the mom and dad scolds the child their stream of negative comments flow down surrounding the child, it then turns into a deadly vortex that swirls around and consumes the child. This constant swirl of text will be connected throughout the different pages.

# data[].attributes.body
I wanted more emphasis to be on the child's C and the swirling tornado, thus i decided to enlarge it while also making the C more distorted and overlayed over the tornado to add to the effect of the child being sucked it into it

# data[].attributes.headline
[Week 7]                         Sketching the First page

# data[].attributes.subject
[Week 7]                         Sketching the First page

# data[].attributes.body
In my first page, I wanted to show how the child is initially being supressed by his parents' strict and hurtful remarks the black swirly lines are going to be the hurtful words and I will probably animate the words flowing and in motion as i want the emphasis to be straight on the typography and how that would explain why the child seems to be so pressured and squished.

# data[].attributes.headline
[week 7]                    Sketching the Second Page      

# data[].attributes.subject
[week 7]                    Sketching the Second Page      

# data[].attributes.body
In this I wanted to better emphasis on how the constant and persistent harmful words thrown at this child affects him mentally which causes him to physically looked suppressed by a literal rain of discouraging and foul language represented by the black lines, which i will replace it with strings of text. I also darkened the comic frames and made it more cracked and pressured to show th mental stress the child is going through.

# data[].attributes.headline
[Week 7]                          Rough ideas of the Third & Fourth Pages

# data[].attributes.subject
[Week 7]                          Rough ideas of the Third & Fourth Pages

# data[].attributes.body
In the third page i wanted to show how this constant rain of negativity has severly corrupted and ruined the child's mind and thoughts thus he will be represented as a brain with rough words "Child". Eventually those thoughts become so made and affected his mentality in such as way that caused him to be sucked into a tornado of abusive and hurtful words & phrases which shows on in a literal manner how destroyed he is on the inside. As for the fourth page i wanted to showcase how, as the volunteering YOUths come into the child's life slowly brightens the child's life and clears his head of negativity, therefore i decided to show as gradient of black to white as it goes down the panels to while also having the negative words & phrases decrease as it goes down the panels.

# data[].attributes.headline
[Week 8]                                            Refined Character designs

# data[].attributes.subject
[Week 8]                                            Refined Character designs

# data[].attributes.body
(The Child)
I decided to change the child's hat from a helicopter hat to a snapback as i felt it is more realistic and better personifies a kid, I kept the second design as the crooked brain as i felt i could use it to better show the brokenness within the kid and eventually how the rigid textures smoothen out to show his gradual healing.
(Dad)
I decided to change up his textures to ben day dots as i felt it gave him more depth and better portrays him as a Fierce but strong witted character who would want to enforce his ideas forcefully.
(Mom)
Since the mom is more of a sharp and stern character thus i sharpened the "M" and made her more slim but taller to appear more dominant and critical.
(YOUth Volunteers)
For this character, I made 2 versions of him as he is meant to be an interchangeable character that moulds himself to aid whatever situation he's in, the first design is of the word "YOUths" where its moulded into a hand to show the participation of YOUths allow healing hands to be casted upon the needy, the second design is meant for the ending of the story which shows Numerous words of "volunteers" circling over a pair of open arms, this shows how when volunteers come together to help they cast this forcefield of healing around those who need it.

# data[].attributes.headline
[Week 8]                           Refined 1st & 2nd Pages                        

# data[].attributes.subject
[Week 8]                           Refined 1st & 2nd Pages                        

# data[].attributes.body
In my first 2 pages i wanted to convey the message of how a seemingly normal child will eventually be mentally crushed by pressure and depression by his parents which eventually deflates him physically into a wrinkled mess. I decided to replace the stream of negative words and lines with vector icons of the negative comments, as i felt it would give the viewer a better idea of what exactly are the stresses the child is going through by simply looking at the visuals and not focusing too much on the words.

# data[].attributes.headline
[Week 8]                               Basic overall story-line                        

# data[].attributes.subject
[Week 8]                               Basic overall story-line                        

# data[].attributes.body
The finalized storyline is about how this child initially pressured and mentally defeated by his parent's negativity, deflates and floats away from reality, sinking deep into depression and negativity. But eventually he is pulled out of the struggle with negative emotions by a YOUth volunteer through encouragement & companionship that soon inflates him with full of joy and happiness and eventually rids him of his depression and heals to become a normal healthy child again due to the impacts made by the volunteers.

# data[].attributes.headline
[Week 8]                   Volunteer's Symbol Research   

# data[].attributes.subject
[Week 8]                   Volunteer's Symbol Research   

# data[].attributes.body
As i was still trying brainstorm a proper design for the volunteers, i came across The International Association for Volunteering efforts where they universally advocate for volunteerism through publications with their iconic red V Logo. Look at this V gave me the inspiration of simply attaching a red wrist band to a glowing hand which represents and symbolizes the act of volunteerism, even though the main art style i went for in this project is typography and tried not to focus too much on graphics, i came to the conclusion that making this hand as a vector would allow it to better stand out as a surprise character and would allow the audience to divert their attention towards the volunteer's actions and how it gradually heals the child. The Red wrist band will also stand out greatly from the rest of the elements since its a bright red over a moody background thus further advocating and spreading the message of volunteerism through the protruding Redness.

# data[].attributes.headline
[Week 8]                                                 Midcrit Presentation Outfit

# data[].attributes.subject
[Week 8]                                                 Midcrit Presentation Outfit

# data[].attributes.body
For my presentation I wanted to dress and represent the organisation well, thus i decided to wear my red famchamps tee to set the mood of my presentation of a fun and energetic organisation where it also has the red colour to symbolize the act of volunteerism

# data[].attributes.headline
[Week 8]                                            Mid-Crit Progress

# data[].attributes.subject
[Week 8]                                            Mid-Crit Progress

# data[].attributes.body
In this presentation, other than presenting what I've done to my storyboard and comic strip, i also decided to show the art style i was inspired by and the important pointers i had when designing this comic. Unfortunately i went way overboard, explaining too much content and exceeded the time given. I was rudely surpised by this as i didnt even feel that i was talking so much and just rattled on, I guess i would have to work on making how slides and messages more concise and summarised and to be more aware of my time management, in hopes to prevent future flaws like this.

# data[].attributes.headline
[Week 9]                          Refining the first 2 pages     

# data[].attributes.subject
[Week 9]                          Refining the first 2 pages     

# data[].attributes.body
For the first page i decided to change the panels to a maroon theme as i felt it went well with the atmosphere of the situation where the child is being supressed by his parents through anger and force and since red is typically the colour associated with mad emotions, i decided to go with that. I also replaced all the lines of text with bubbles of icons of the parents' restrictions for the child and i felt it is better as it better shows the child being supressed physically and allows my work to be understood more universally.

# data[].attributes.headline
[Week 9]                                                           Reworking the 3rd & 4th Pg

# data[].attributes.subject
[Week 9]                                                           Reworking the 3rd & 4th Pg

# data[].attributes.body
I Completely revamped the 3rd and 4th pages as i felt that the tornado and brain idea really wasnt resonating well with my intended storyline as it made it overly complicated and hard to understand. Therefore i decided to go with something simpler by mainly focusing on the Child's mental struggle in the 3rd panel where he can't take the emtional supression anymore and just breaks and leaps out of the frame as if he's like attempting suicide which i showed him appearing more and more rough and rigid as he slowly fades past the HDB flats away into darkness . As for the 4th page i wanted to show how the child will be saved by the volunteers as the child is shown to be falling but slowly materializes and become a more solid and smooth shape as he falls gently into the volunteer's hands to show that they've been saved by them also having a dark to white gradient background as a way to show how the child was able to escape darkness as he is saved by the volunteer. The background is also an indication of continuity as the 2nd panel background is fading from white to black showing the child slowly descending into darkness, while in this panel it is black to white showing the child ascending from darkness and into the light of goodness.

# data[].attributes.headline
[Week 10]                          Design Report Sketches         

# data[].attributes.subject
[Week 10]                          Design Report Sketches         

# data[].attributes.body
In this Lengthy and Content heavy report, I wanted it keep a simple layout but at the same time appear abstract in way to feel modern and fit for youths as to better suit my overall design direction for this project, thus I'll be overlapping shapes and colours over images to give it a minimalistic effect while having rectangular bars around the page to set as borders.

# data[].attributes.headline
[Week 11]                         Design Elements & Layout            

# data[].attributes.subject
[Week 11]                         Design Elements & Layout            

# data[].attributes.body
I wanted to better showcase my initial findings, research, ideation sketches, prototypes and layouts in a moody and subtle manner. Thus for every section divider where there's a big side title, i will include an unique image that resonates with that section's content, also for every page i wanted to used a burgundy/ maroon background as i felt it went well with the depressive and moody theme of the story. but i decided to play around with the fonts in my section headings as well as the content page since my project is centered around the typography art style after all. using cursive display fonts for all the section headers and doing repetitive chain text of the word "Content" on the content page gave it an aesthetic look with i felt went well with the overall mood of this report.

# data[].attributes.headline
[Week 10-12]                                         Design Report Draft

# data[].attributes.subject
[Week 10-12]                                         Design Report Draft

# data[].attributes.headline
[Week 12]                        Design's Emphasis 

# data[].attributes.subject
[Week 12]                        Design's Emphasis 

# data[].attributes.body
As to further elaborate how the character's design resonates with the story, the Child ( C ) is as he goes through all those oppression and emotional trouble his character slowly gets squashed and is more rigid to show him being more weak, also shown in the 3rd panel as he jumps and attempts suicide his being is slowly fading away. Though in the 4 panel as he gently glides down into the healing hands of the volunteer, he is shown to materialize and be more solid looking with smoother curves showing his slow recovery of mental health, this is also observed carried on in panel 5 which unfortunately is incomplete, but will feature how the healing hands posing as the volunteers, join hands to heal the child.

# data[].attributes.headline
[Week 13]                     Further Refined Page 3           

# data[].attributes.subject
[Week 13]                     Further Refined Page 3           

# data[].attributes.body
I had to completely revamp the pages from here onwards as my illustrations made the storyline appear too messy and complicated thus making it hard for my users to understand, therefore, to show how the child is slowly falling and fading into a flat piece of paper that is lost i drew 3 rectangles arranged in descending order to show how the child is slowly gliding and literally descending downwards as he fades in lost and despair, i also made the blue darken as the panels go down as to better emphasis the gradual negativity in mood.

# data[].attributes.headline
[Week 13]                     Further Refined page 4         

# data[].attributes.subject
[Week 13]                     Further Refined page 4         

# data[].attributes.body
In this page i wanted to show a sense of recovery, where the deflated and lost child is seen being picked up by the volunteer with a bright red wristband and then gently placed on a table, where he is dusted and molded into a more solid shape, as the child seems to gradually seem to be getting stronger, brighter and smoother to show his gradual and immense improvement in his mental state due to the volunteer's efforts. The gradual gradient from dark blue to pastel red also shows an improvement in the overall mood of the panel, from the previous depressing navvy blue to the more encourage and softening red which also symbolizes Volunteerism.

# data[].attributes.headline
[Week 13]                     Further Refined page 5  

# data[].attributes.subject
[Week 13]                     Further Refined page 5  

# data[].attributes.body
A Reminder back to the original vision of FAMCHAMPS is to nurture youths into people who champion family, their Goal is not just to allow volunteers to help youths with their mental struggles but to also reunite and fix family bonds, thus i am bringing back M & D which is crucial to the storyline in showing how the volunteers are are able to bring the family together. Therefore, in this Page i showed how the volunteer is literally Pulling both M & D to the centre, as streaks of blue lines following tracing both M & D turn into a reddish gradient, this is to show how they are dragged away from the depressing past (Symbolized by the moody navvy Blue) into a warmer and brighter future (Symbolized by the bright pastel red)  as navvy blue is seen to be a dark and moody colour associated with negative emotions while Bright pastel red is a soft warm colour that is associated with happiness and courage which shows that now they all have the courage to face their pre-existing issues and be happy to overcome it.
The last panel shows the volunteer holding up the Completed family to give a final showcase of how the act of volunteerism has greatly, positively impacted the child and his family, thus emphasising on the importance and the impact of Volunteerism.

# data[].attributes.headline
[Week 13]                          Overall Refined StoryBoard          

# data[].attributes.subject
[Week 13]                          Overall Refined StoryBoard          

# data[].attributes.body
The overall story board pages aims to cover a gradual decline in a family relationship as well as a child's mental health, and as the story progress the child is gradually healed mainly due to the entrance of the volunteer and is eventually reunited with the family. Through volunteerism, huge changes can be made and monumental positive impacts have been left. This will in hope to prompt youths to volunteer as they see the value in volunteering and how even their simplest actions may leave a lasting impact on the families they help through the act of volunteerism, which keeps the sense of loyalty and the feeling of importance in  their work, therefore this will grow the volunteering community amongst youths.

# data[].attributes.headline
[Week 13]                                P Board Sketches   

# data[].attributes.subject
[Week 13]                                P Board Sketches   

# data[].attributes.body
For my p board i wanted to incorporate elements of typography as it was my chosen art style, i decided to incorporate the brain of the child as the hero image as well since not only is it the title of my project, the whole meaning behind my comic is the mental journey of the child's struggles and recovery which can be symbolised by his tormented and healed brain.
In my rational i would want to explain mainly how i fused the art style of typography with a web comic which is rare and un-heared of and how that element paired up with the mental journey of this child and volunteers makes my story unique and stand out from the rest in terms of art direction, as for the marketing part i will be doing an instagram post format as i feel that through social media is the most effective way to outreach to youths nowadays since youths use it more than anywhere else and thus would be more accessible and easier to disseminate the advert of my web comic to them.

# data[].attributes.headline
[Week 13]                     Chosen P  Board Sketch         

# data[].attributes.subject
[Week 13]                     Chosen P  Board Sketch         

# data[].attributes.body
I chose to work further on this sketch because it really allows me to showcase my works in a obvious display manner which i felt is well organised and also encapsulates the feel of typography with the BIG C and th "D M" monogram in the background.

# data[].attributes.headline
[Week 13]                                                    The DM Monogram

# data[].attributes.subject
[Week 13]                                                    The DM Monogram

# data[].attributes.body
For the Monogram I had to individually layout every small D & M in a arranged 3, 2 & 1 row format, I then had to export this as a JPEG then import it back into illustrator into my P Board as to avoid the system lagging due to too many elements. It was overall a hassle but felt it really went well with the background colour scheme and gave it a mature modern aesthetic

# data[].attributes.headline
[Week 13]                           Laying out the Components             

# data[].attributes.subject
[Week 13]                           Laying out the Components             

# data[].attributes.body
As for this digitalised sketch i went with a red/blue colour scheme as i felt that not only is it aesthetically pleasing paired up with the C and D,M Monogram in the background, it also stays true to the colour scheme used in the comic which blue represent sadness and depression which red represent power and the feel of recover and uplifting. The burgundy red is also the universal symbol of volunteerism.

# data[].attributes.headline
[Week 13]                       Digital P Board Sketch 

# data[].attributes.subject
[Week 13]                       Digital P Board Sketch 

# data[].attributes.headline
[Week 13]                                                                              Instagram as a Social Platform

# data[].attributes.subject
[Week 13]                                                                              Instagram as a Social Platform

# data[].attributes.body
I chose my web banner to be an instagram post as a youth myself, i felt that the majority of media being dispensed to youths nowadays are mainly though social platform giants like instagram, facebook & twitter. though in recent years there have been a spike in instagram users due to its youth friendly interface and aesthetically minimalistic design with really spoke to the youth demographic of over 400 MILLION Youths under the age of 24, which i feel through this not only allows my work to stay relevant with the trend nowadays, but to also reach out to a large majority of youths efficiently.

# data[].attributes.headline
[Week 14]                       Rough ideation sketch              

# data[].attributes.subject
[Week 14]                       Rough ideation sketch              

# data[].attributes.body
As i was brainstorming ideas for my web banner sketches, I though to myself, "How can i make it attractive without having too many elements on one post?". Due to youths having an extremely short attention span, I thought of how I could play around with more typography and use simple chunks of text mixed with an abstract illustration of my story's plot to create a post which is deserving to be viewed.

# data[].attributes.headline
[Week 14]                                                                       Working on banner draft 1   

# data[].attributes.subject
[Week 14]                                                                       Working on banner draft 1   

# data[].attributes.body
For this web banner, I wanted to keep it simple and organised with a moody colour scheme to appear more minimalistic but also modernly aesthetic for the youthful audience I wanted to highlight the Hands helping as well as it red band that represents the act of  volunteerism, while also emphasising on the word "YOUths" with a red YOU to really direct this message at the reader of this instagram post.

# data[].attributes.headline
[Week 14]                                                   Working on banner Draft 2

# data[].attributes.subject
[Week 14]                                                   Working on banner Draft 2

# data[].attributes.body
For this unfinished web banner, I wanted to play around with the red, white and black colour scheme to allow it to look minimalistic and modern, I also played around with the layout by arranging the "YOUths" vertically to allow the text to be not just be text but be apart of the bigger picture.

# data[].attributes.headline
[Week 14]                               Overall Web banner Sketches

# data[].attributes.subject
[Week 14]                               Overall Web banner Sketches

# data[].attributes.headline
[Week 14]                                     Refined Web banner sketch

# data[].attributes.subject
[Week 14]                                     Refined Web banner sketch

# data[].attributes.body
As for my Refined Sketch I made it more simple with a easily seen element of a hand picking up the broken C representing the volunteer helping up the child which is the whole point of being a volunteer for famchamps.

# data[].attributes.headline
[Week 15]                                              Rearranging the layout

# data[].attributes.subject
[Week 15]                                              Rearranging the layout

# data[].attributes.body
After consultations i found that P board really lacked the appearance of my works as they were not only too small but also not in the main spotlight, therefore in this refinement I showed the climax of the story where the child fades as he is lost mentally as the hero image while also displaying my typographic characters on the right side to emphasis the unique element of my web comic and lastly changed the title to a simple spaced out vertical line of words as to not steal my spotlight of the illustrations.

# data[].attributes.headline
[Week 15]                                P Board Refined sketch  

# data[].attributes.subject
[Week 15]                                P Board Refined sketch  

# data[].attributes.headline
[Week 15]                                              Changing Colour schemes

# data[].attributes.subject
[Week 15]                                              Changing Colour schemes

# data[].attributes.body
In this refinement, I didn't really do much but lighten the grey on some of the bubbles of negativity as i felt it gave it a more chaotic and stuffy layout which is the feeling im trying to portray here. I also changed the background to maroon as i wanted the change of background colours from maroon to navvy and then back to maroon constant throughout the background of all the pages.

# data[].attributes.headline
[Week 15]                     Refined Page 1      

# data[].attributes.subject
[Week 15]                     Refined Page 1      

# data[].attributes.headline
[Week 15]                                                     Inserting the bubbles

# data[].attributes.subject
[Week 15]                                                     Inserting the bubbles

# data[].attributes.body
I decided to change the downwards swirly lines into the grey bubbles of negativity as it better represents and shows what is literally squishing the child with stress and depression as the panels get darker and more crowded, moving down the panels.

# data[].attributes.headline
[Week 15]                     Refined Pg 2      

# data[].attributes.subject
[Week 15]                     Refined Pg 2      

# data[].attributes.headline
[Week 15]                                                  Drawing out the Wind lines

# data[].attributes.subject
[Week 15]                                                  Drawing out the Wind lines

# data[].attributes.body
For this refinements i only added swirly lines over the child to represent the silent wind and the empty streets which will be animated to showcase how alone the child really is, and to add on how sad his situation is.

# data[].attributes.headline
[Week 15]                     Refined Pg 3 

# data[].attributes.subject
[Week 15]                     Refined Pg 3 

# data[].attributes.headline
[Week 15]                                             Changing hand movements

# data[].attributes.subject
[Week 15]                                             Changing hand movements

# data[].attributes.body
In this panel I changed the hand to be cleaning the child with a cloth as i found the hand's previous action to be a bit disrespectful towards the child, while this close contact motion of polishing the child with a cloth is more personal and a more comforting action. I also plan to animate the 3 vertical panels of how the child get better by literally becoming brighter and thicker to show his strength and confidence, thus those panels shall be animated to show the child's gradual glow up.

# data[].attributes.headline
[Week 15]                     Refined Pg 4       

# data[].attributes.subject
[Week 15]                     Refined Pg 4       

# data[].attributes.headline
[Week 15]                          Adding additional elements              

# data[].attributes.subject
[Week 15]                          Adding additional elements              

# data[].attributes.body
As for the Last panel, i really wanted the ending to be more explosive and surprising as it would really show an exponential change in the child's life, thus I've decided to add a colourful splatter background which the family eventually reunites in as well as increasing the size of the Characters to really bring out the feel of joy and celebration. I also made the volunteer's hands go out of frame to show really how hard he is trying to pull the M & D and also made M & D more twisted to emphasis on how hard they're being pulled.

# data[].attributes.headline
[Week 15]                              Refined Page 5

# data[].attributes.subject
[Week 15]                              Refined Page 5

# data[].attributes.headline
[Week 16]                     Refined Web banner         

# data[].attributes.subject
[Week 16]                     Refined Web banner         

# data[].attributes.body
In this Refined web banner I removed the outer glow from the hand as it just appeared visually unappealing and rearranged the text to be horizontal as i wanted it to be more legible and keep the layout simple too since the attention span of an average youth is known to be just a few seconds as stated in my research earlier.

# data[].attributes.headline
[Week 16]                                                   Applying Banner on insta post

# data[].attributes.subject
[Week 16]                                                   Applying Banner on insta post

# data[].attributes.body
I had to find a proper mockup of an iphone 12 which seems to be the most popular and commonly used phone nowadays. Though i had difficulty looking for a transparent mockup for free so i decided to photoshop edit a JPEG image of it and import it around my web banner. As for the instagram layout, i simply pulled out my phone, screenshotted an image from my own instagram and then imported it into my web banner, combining all 3 elements together to give a proper showcase of my Finalised web banner.

# data[].attributes.headline
[Week 16]                                                 (Finalised) Web banner

# data[].attributes.subject
[Week 16]                                                 (Finalised) Web banner

# data[].attributes.headline
[Week 16]                                             Adding & arranging content

# data[].attributes.subject
[Week 16]                                             Adding & arranging content

# data[].attributes.body
After my final Consultation, I was told that my work still lacked the artworks and design highlights as the central focus, thus I thought the best way of improving that was to increase the size of my hero image to fit to the edge of the Board and allow the title to run across it so that the first thing the audience woulds see is the child falling followed by the rest of the comic pages and then lastly the text. I also added a explanation for my dynamic colours and comic frames as it was an important element contributing to the story where it changes as the story progresses

# data[].attributes.headline
[Week 16]                      (Finalised) P Board                   

# data[].attributes.subject
[Week 16]                      (Finalised) P Board                   

# data[].attributes.headline
[Week 16]                                             Looking for tutorials online

# data[].attributes.subject
[Week 16]                                             Looking for tutorials online

# data[].attributes.body
As I was still inexperienced in animating, i decided to lookup on online platforms such as youtube, instagram and wikihow of how i could animate, Thus through this i discovered that photoshop actually had a "timeline" feature where i could save my illustrator files of my comic pages into photoshop files where each layer could be individually edited to create individual timelines of how and when my images pop up with different effects.

# data[].attributes.headline
[Week 16]                                                Difficulty Animating the pages            

# data[].attributes.subject
[Week 16]                                                Difficulty Animating the pages            

# data[].attributes.body
As easy as the tutorial might have made it seem, it was still an extremely tedious process of uploading each file making sure they don't crash the system, grouping several files at a time to reduce lag, individually looking for each element and adjusting it to appear at the right timing with the right effect and the constant reminder to save my files every 5 mins just in case my photoshop crashes, which happens quite often. Overall it was tough, but rewarding to see my animations pan out smoothly and at a pretty good frame rate.

# data[].attributes.headline
[Week 16]                                                Animating Fading Bubbles

# data[].attributes.subject
[Week 16]                                                Animating Fading Bubbles

# data[].attributes.body
For this page, the spotlight is on the consistent appearing bubbles of negativity that is weighing down the child, for this animation i went with a fade effect as it made the bubbles appear more assertive and overwhelming which goes well with my message of the child being oppressed. Overall i was glad that this animation was smooth and worked surprisingly well as a GIF

# data[].attributes.headline
[Week 16]                                                             (Finalised) Pg 1                                   [ The Discouragement ]                                 

# data[].attributes.subject
[Week 16]                                                             (Finalised) Pg 1                                   [ The Discouragement ]                                 

# data[].attributes.headline
[Week 16]                                           Animating more fading bubbles

# data[].attributes.subject
[Week 16]                                           Animating more fading bubbles

# data[].attributes.body
For the panels, the animations elements are about the same but on a larger scale, as the main point of these panels is to appear overwhelming as to allow the reader to resonate with the child's feeling of oppression. I went with a similar fade but made it quicker, to show the speedy addition of constant stress as the panels go down.

# data[].attributes.headline
[Week 16]                                                      (Finalised) Pg 2                                  [ Condescending Pressure ]

# data[].attributes.subject
[Week 16]                                                      (Finalised) Pg 2                                  [ Condescending Pressure ]

# data[].attributes.headline
[Week 16]                                                     Issues with Pg 3 Animation

# data[].attributes.subject
[Week 16]                                                     Issues with Pg 3 Animation

# data[].attributes.body
For this Particular page, I had the MOST difficulty as it was the longest animation and consisted of almost 500 FRAMES which was a daunting task since i had to show the child weakly fading through the panels as well as the wind at the same time. The major difficulty of this animation wasnt really the animation itself though, it was more of exporting it. Since it was a large file, i kept on crashing and the saves were always getting corrupted, thus i decided to speed up the animation by having the animation of the child falling and the wind happen simultaneously, I also reduced the frame size to Around 720pixels which didnt really affect the quality and lastly I compressed the elements within the file as to reduce its file size from 135.6MB to 7.6MB which made it finally be able to be exported without further issues. Thank goodness I looked up more ways to compress my files as to avoid this issue in the future.

# data[].attributes.headline
[Week 16]                                              (Finalised) Pg 3                                [ Into the Abyss ]

# data[].attributes.subject
[Week 16]                                              (Finalised) Pg 3                                [ Into the Abyss ]

# data[].attributes.headline
[Week 16]                                                  Animating a simple Glowup

# data[].attributes.subject
[Week 16]                                                  Animating a simple Glowup

# data[].attributes.body
For this animation, I kept it simple and just applied a simple glowing effect on the C on the last panel as i wanted the focus to be primarily on the last panel, showcasing the child's literal Glow-up.

# data[].attributes.headline
[Week 16]                                                    (Finalised) Pg 4                                  [ YOUths of Hope ] 

# data[].attributes.subject
[Week 16]                                                    (Finalised) Pg 4                                  [ YOUths of Hope ] 

# data[].attributes.headline
[Week 16]                                                     Difficulty Animating Pg 5

# data[].attributes.subject
[Week 16]                                                     Difficulty Animating Pg 5

# data[].attributes.body
Overall, Page 5 had the most complicated animations as the motion of the arms struggling to tug M and D consistent of nearly 30 individual illustrations which i had to individually layer, set a timing for it to fade in/out and classify each shake as a section and group them just to avoid lag or crashes all to achieve a simple effect of shaking jittery arms. Even though it was a dauting task, it was worth it to see how smooth the animation was and how it really amplified the effect of the struggle volunteers go through just to pull back families. As for the jumping animation for the last panel, it was quite simple but dangerous to animate as i didn't want to accidentally replace those files with the hundreds of frames of hands previously animated.

# data[].attributes.headline
[Week 16]                                                 (Finalised) Pg 5                              [ A Joyous Reunion ]      

# data[].attributes.subject
[Week 16]                                                 (Finalised) Pg 5                              [ A Joyous Reunion ]      

# data[].attributes.headline
[Week 16]                                                       Issues with exporting and editing GIFs        

# data[].attributes.subject
[Week 16]                                                       Issues with exporting and editing GIFs        

# data[].attributes.body
For the most of my GIFs they were around 3000pixels which was way too big for me to properly export or view them, as the would either crash or be unviewable due to its overwhelming file size for my laptop to handle. Therefore instead of blaming the laptop's function limits, I resorted back to the internet to seek solution which i did eventually come across. I could reduce number of pixels under the "save for we legacy" tab and trim it to fit within a certain file size of around 10MB which is the optimal size for my laptop to handle. This eventually allowed me to export my files at a pretty good quality while allowing it to still be viewed as a animated GIF

# data[].attributes.headline
[Week 17]                                           Reworking Report Sketches

# data[].attributes.subject
[Week 17]                                           Reworking Report Sketches

# data[].attributes.body
Because my previous report had several issues such as it focusing more on the background visuals than the content itself and having no hint of my typography elements, I literally deleted the entire file and re-did the entire report from scratch,  as i felt that it would be more effective to convey my though process of my designs in a more organised manner. I added rectangular borders on the sides as well as having a specific layout to how I arrange my text and imagery so to better guide my audience's eyes with a better visual hierarchy and allow it to appear more organised.

# data[].attributes.headline
 [Week 17]                                           Unique Elements                

# data[].attributes.subject
 [Week 17]                                           Unique Elements                

# data[].attributes.body
The M & D Monogram as well as the vertical text on the sides were a hard hint to my design style typography which i found it to be quite unique and modern pairing it up with the maroon to navvy gradient background