VC TASK 3 & 4 – Flyer and app mockup

Flyer

Following the poster, I wanted to create an app that will help individuals incorporate curbing climate change as a priority in their lives, while keeping it super simple yet effective. I would want long term efforts that are convenient so the purpose is to not get its users to give up easily, also reminding them daily of things they can do to help the planet. I decided to promote this app by creating a flyer. To maintain the coherence of the 3 deliverables I wanted the flyer to be a “bridge” to the app. The app looks completely different to the poster so I wanted the flyer to have elements of the poster as well as the app.

This was the first draft of my flyer.

The initial idea was for the phone to be on a ice cap where the seals would seek refuge on it also the app.It included the app icon the brief description of it as well as the title.I was given comments on how the call to action was missing as well as the illustration was not very clear.This led to my second draft.

I removed the red in the title as I thought it was too jarring and shifted the title to the top. I clarified the illustration, however I struggled with the scale of the iceberg and showing that it was melting and the seals were dying.To that, I was given comments on playing with the scale of the seals in relation to the ice bergs and also adding in more seals.Prof Michael gave me feedback on how I should compartmentalise my content into “rectangles” so the eyes would perceive it as one unified section instead of confining my title and the app description to the corners of the page.There was also random empty spaces in the middle of my work that was un appealing, so aligning and compartmentalising was a key to eradicate this problem.This was to make it look more balanced and aesthetically pleasing. I was also told that my iceberg, seals as well as screen were white so it was confusing for viewers to clearly define the elements.I was missing the app name as well as a android download option.This led to my next revision.

I tried to balance the text elements with the illustration element by creating 2 balanced “rectangles”. The content took up a rectangle on the top left while the illustration could span across the bottom in an L shape as shifting the text freed up space on the bottom.I decided to name the app “ClimaQ” , “Q” being a short form of the word cue, suggesting a notification/signal. I was told to use the 1/3 proportion to align the “ClimaQ” within the set rectangle to make it look less out of place as it didnt align with the description neither did it with the download options. Also  I wanted to neaten the jagged edges of the app description.Although the illustration was clearer upon adding more seals and changing the colour of the icebergs, I was suggested to play with the scale alot more to create a push and pull effect, creating a foreground and background to have depth in my illustration.I had to adjust the colours of the seals in water to blue so it would be more natural.I added a faint grey outline around the iPhone to make sure that the black parts of the phone were not lost to my background image.My final flyer is below.Similarly to my poster I would improve on my alignments and my margins.

 

ClimaQ App mockup

ClimaQ is a daily reminder app designed to notify its user everyday with a simple tip that they can incorporate into their daily lives. So each day will present a new tip to its user with an interesting fact about climate change to deepen their understanding about the main topic of climate change.This was my first draft of the app.I didnt want the app to just be related to the idea of seals even though that was the focus of the poster.I want the app to be about curbing climate change in general and remove that specific focus on the seals.

I designed the home page with a hand, globe and also a notification bell to give the idea of saving the planet is within our hands as well as the bell to signify notifications. The screen on the right is what I initially wanted each tip to look like. The bell above was a turn off/on function for notifications.I included an icon to give the user a quick idea of what the tip may be about as well as a “did you know” section to keep them interested in the app.I was prompted to think of a way to match the colours better, instead of using purple and yellow. So I opted for a monochromatic colour scheme. As the “Did you know” was also rather important I increased the scale of the info box to the same size of the tip.I was also asked to think of a way of how users can revisit the tips that they like and keep track of their favourite ones. So I created a bookmark option and calendar as seen below.

I fixed the alignment issues as well as hierarchy and colour issues within my screens. I kept it to mainly purple and changed the colour of the notification slider to purple instead of green as it was too jarring.The yellow stars were also not visible so I changed it to orange to help it stand out. The bell motif was very repetitive through the app screen, so I decided to switch it out for graphics to make it more visually interesting for its users and shift the bell to a separate settings page. This resulted in my final app screens.The feed back I received was that maybe since I had seals in my poster that I include some within the graphics of the screen as well as make the graphics more visually exciting instead of plastering the hand on every page.Overall, I had lots of fun embarking on this journey in VC2 and I feel like I managed to fill alot of the gaps in my graphic design knowledge that I can take away with my into other aspects of my life.I was given useful criticism by Prof Michael and my classmates that really opened my eyes to the spectrum of design possibilities and my own problems that reflect through my design.

VC Task 1B & 2- Survey results and Infographic poster

After researching the 4 topics, I narrowed down to climate change and it will be the focus of my infographic poster as well as my next few deliverables.Within climate change I had a few subtopics that I wanted to explore while researching, namely, bleaching coral reefs, the melting ice caps and how the trash in the ocean affects climate change.Before diving into these subtopics I wanted to see the current attitude and understanding of my target audience (18-25) so I could cater the content within the poster more effectively.

These are the questions as well as the responses of my survey.

Majority of those who participated in the survey are male.So this encouraged me to keep the design a little bit more “masculine” By using a bold fonts, graphics and avoiding softer girlier colours.

Here we can see that the target audience understands this is a pressing issue and their concern towards it. They also have some form of understanding on some of the factors causing climate change such as deforestation, extinction and melting ice caps.The most popular topic seemed to be melting of the ice caps.

This confirms the need for me to spread more awareness on the topic of climate change using my infographic poster. In my poster I want to cover a few statistics as some shocking facts going on in the current world of today to deepen their understanding on the effects of climate change. 

Out of the 18 responses 10 participants are leaning towards Individual efforts are quite impactful against climate change. This makes me believe that these participants understand that as individuals are able to make the change, where the most impactful option “10” gathered 4 votes.

Most of the participants showed a lack of awareness in individual efforts besides reducing plastic,  electricity and recycling.So even though they knew that climate change is a pressing issue and individual efforts are impactful in combatting it, they didn’t really know how to go about working towards it other then the ways mentioned above.There are more simple and effective ways an individual can engage in without it being to inconvenient which I will cover in the later deliverables.

“Individual effort Is akin to forsaking your lifestyle and way of living for nothing” was a concern raised by a participant. Although this is a valid point whereby the damage we have done to the planet requires so much work that an individual himself is unable to rectify, it forced. me to think of ways to encourage people to participate in individual efforts without feeling like they are “forsaking” their lifestyle for nothing. So simplicity and convenience was a key factor in my project.

 

After analysing the results of my survey I proceeded to do a sketch on each of the 3 subtopics I wanted to explore in order to decide which one I can execute the best and was powerful in its imagery.My sketches are below.

From left to right : An abstract interpretation of melting ice caps, skull symbol made with seal bodies, bleaching of coral reefs.

  1. I intended on exploring the forms and scale of the melting ice caps on the life in the north pole, while using a downward perspective to direct the readers eyes from the most important info to the least important. The title would take up the bottom left of the poster.
  2. using a skull symbol to depict the idea of death and destruction to show the detrimental effects of climate change in this case the extinction of harp seals. The info will be clustered around the skull and each seal will point out to information regarding the “death of the seal” which is also a impact of climate change.
  3. A literal depiction of bleached coral reefs under the sea.Each coral reef would contain a piece of info regarding climate change. One non bleached reef to depict how individuals can contribute in saving the reefs and in turn the eco system.

I felt that the second option was the most powerful in depicting the concept of climate change. I proceeded to create an initial digital sketch of it below.The ovals represent the seals and the scale of the skull in relation to the poster is the portion for the illustration.

I received feedback from my classmates as well as Prof Michael.The idea of the death of the seals were not clear, my title caused some confusion because of the lowercase “in”. There was also no clear flow , where do I lead the readers eyes? The readers randomly reading from different parts of the poster, so I had to think of a way to link pieces of information together as well as fix the visual hierarchy of the content.I also had alignment issues because my skull was in the centre which restrained me in how I could position my information. There was a lack of space hence I could not get in more content into to the poster.There were some unnecessary details around the circles containing the info as well as my colour coding for the text within them. There were too many weights, colours which distracted readers from the true focus of the message in each of the circles.There was also a lack of icons and images to accompany the information to help readers visualise the content.

This is my second digital sketch of the poster with adjustments made. 

After adding in the pie chart, thermometer and other chunks of info around the skull, I felt that the poster became too cluttered.There was a lack of hierarchy still. I used a split complimentary colour scheme to make the colours more balanced.The images also were too jarring in scale and clashed with my information. I still had a lack of space for the information hence the lack in the content.Therefore, I decided to ditch the idea of having the skull in the middle to free up some space as well as scale down the images and pie chart , Resulting in draft 3/ Final below.

Reducing the scale of the images, as well as shifting the skull allowed me more room to beef up my content. The hierarchy is also clearer from the title, to the right where the thermometer is placed, following the leading lines upwards in an upside down “L” formation.It can Also be read from top down after the title as the section of info in the extreme top left is the biggest in scale.I wanted it to one of the main takeaways of the poster. How can people help towards curbing climate change? followed by 66.6% of people believe in individual efforts encouraging the readers to participate individually towards climate change.I also muted the colours of the pie chart as white made it stand out too much. Also for the texts, I removed all colours and instead created hierarch with font weights instead which made my content a lot neater as well as created a clearer sense of focus.If I could change one thing I would fix my aligning up and not make the margin too narrow.