Project Prospectus - Visual References

Now we have my moodboard! As mentioned before I really like the cute aesthetic so my color palette really reflects that, however I do worry if the colors would be hard on readers when reading the website so I'll still be testing with this as the character color palette for now and go from there. On the other hand, I started on this color palette by picking a pastel pink, I wanted a color that would make the elephant stand out in the media elements on the website. The other colors were merely seeing what would go well with the pastel pink but trying to stick with the cute and pastel theme.

After that is the images on the moodboard. Again picking cute and light art styles. Over the years, I noticed my art isn't the best so I tend to stick with simplistic and minimalistic art styles. Usually I do illustrations with thick and round outlines but since I also wanted to try something new but within my capabilities, I chose these type of drawings as my references, simple shapes with color.


Moving on are the references, I'm mainly showing examples of the style of media elements I plan to go for on the website. I quite like the way the poster on the rightmost corner plays with font integrating into the image so I might try that too if possible. Then there are the 2 black and white images that are an example of a similar interactive storytelling website. The rest are just more examples of how an illustration is drawn into photography.




Comments

Post a Comment

Popular posts from this blog

Videos

Image
 Am now working on my videos, which I thought was only 2, promo and documentation but was actually 3, the walkthrough. I found some audio to go with my videos and even created the YouTube Branding page. Since realising that I forgot about the documentation video *whoops*, I have spent the time perfecting my images and website designs recording myself to use for materials for the video. Not quite sure how I plan to approach it but I figure I can do it like how I've been doing my blogs, personal and straight to the point. 
Read more

Evaluative Post

In assignment 2, the project titled "Elephant" aims to raise awareness about the endangerment of African elephants through an interactive website featuring a written novel. Each chapter of the novel can be read numerically or at random and will incorporate information about African elephants and links to support organizations. Readers can scroll through the website, encountering occasional photography and illustrations as they progress through the story. Personally, I believe that the approach of using a novel on a website to bring attention towards animal endangerment is an interesting idea, and it certainly reaches out to a broader audience. Perhaps, I was not thorough enough with my research nevertheless I have not found any website with the same exact concept. Websites raising awareness by showcasing animals or just storytelling websites in general certainly exist, but one containing a novel leading up to information on the subject has not come up while I was searching....
Read more

Website Redesign

Image
Found my website rather hideous after adding some of the contents, so I am now doing some redesigning. I figured I may even change my menu since I find it very unaesthetically (if that's a word) pleasing. The ones on top are the previous menu designs and I decided to go for something slimmer and sleeker and less in your face. I'm quite happy with this new design, it's out of the way but at the same time easy to access. I also researched some more websites to reference and take inspiration from, my classmates have been particularly helpful in providing advice on the design aspect. Obviously they suggested Pinterest, but I find myself still having trouble figuring out the design I want to go for. At times I even feel like my colour palette no longer suits the feel I was going for, but I'm rather hesitant to change it.  By the way here are some storytelling websites I have found as reference for myself: https://www.aftermetoo.com/  https://mirror-planet.world/  https://imm...
Read more