Project 2 Proposal

For Project 2, I found a campaign that is one of great interest to me. The Shark Trust. This campaign focuses on conservation of sharks through means of "science, education, influence, and action". I found myself charmed by the campaign, although the website leaves much to be desired. I figure what I'll do for the project is among the lines of 2-D animation. If I cannot fully animate the time-based project, then I intend to use still images that I made myself to promote the campaign in a more aesthetically pleasing manner.

Website Justification

Referred Website: flutter bum

Technical aspects: This blog was made from short tutorials with basic effects and how to hand-make your own two-column website. I eventually deviated immensely from this tutorial and took a few codes from other makers who provided them for free. These codes were only used for effects, such as picture fading, and the drop-down menu box. These involved scripts and complicated code.With my very basic knowledge of CSS and html, I felt this was necessary. Otherwise I learned from reading articles and from the w3school website! They were very thorough and had a library of codes to learn from.

Up to this day, my largest challenge was beginning to code. I enjoy the aesthetics of tumblr themes (not Tumblr provided but by tumblr users) and so wanted to create a website that has the simplicity of them. However, I had used the tutorial from the link above. This tutorial was design to specifically make tumblr themes and thus had a lot of meta tags. I had a fun challenge reading the code and reinterpreting them to code efficiently in two separate documents (the users of tumblr are advanced to the point they can style inside their html) and also as a regular website. Another challenge was to some little trinkets to work, especially involving javascript, which I ended up just scrapping anyways. Instead of trying to solve it, I felt alright with abandoning them for something better, and easier to code. Sometimes the more complicated and fancy effects are not essential to the overall design of the website.

Ideal Website: My initial vision for this website was completely different. I was hoping for something more calming, quiet, colored with grey scale, and minimalist. But as evident from the website, I completely coded a different vision. I felt this design gave me more freedom to make a website that truly expresses me as a person. If I had more knowledge about code, I would fill the empty space with perhaps another column that can harbor moving tabs. I would also really like to dive into more features of CSS3, like moving backgrounds, animation, and transitions.

Modes: I would say that my website included almost all of the modes. With linguistic, I definitely did not have a professional tone and was very casual and whimsical. I hope this will help the audience see that I'm definitely a laid-back, friendly, and a freaky person. The quotes I pulled for each page in the sidebar also are fun rather than serious. 

With visual... it's very pink and cute. The layout is simple, just filled with choice of pictures. Everything is mostly pixel related, so they're very small rather than large. This was I hope the audience will get the sense that I really like cute things. Also maybe uncomfortable about how pink it is haha.

Aural I incorporated a music player into the website that has songs that I feel fits the mood of the website. Cheerful, soft, and cute. Hopefully with the audio being played, the audience can feel the intended atmosphere I wanted.

Spatial wise, I wanted to give the audience a website where there's a lot of space (but not entirely empty) to not feel too constrained. I put spaces in between everything that needed to be separate, especially bodies of text, like the side bar. The title has a space underneath it for a brief description, then another space to transition to links. 

Not sure if this counts as gestural, but I put a lot of animated gifs, which provide gesture to the website. Especially the dancing ones! I felt this brought movement to a mostly static medium. This I hope made the audience felt that the website was not so still and boring, that it has life and spunk to it.

Design Strategies: With audience, I knew this website was meant for peers, so I felt I shouldn't be too professional and that I could have fun with expressing myself to others. Although, I am quite shy, so I wanted to do so without putting my face out there, personal pictures of friends/family, or with any personal information. I wanted this website to be me, without people knowing who exactly I am. Like a persona. 

With context, I provided external links in my website that goes to websites that relate to mine. Adventure Time's website for the fact that I used their image as the prominent feature. The Canvas Cycle in appreciation of pixel art which the website is mainly based off of, and the WSU website because, well, I'm a student and the context of this would provide an understanding that I'm still in college and not a professional worker yet. 

With the pinkness, pixels and soft colors, and minimalist layout, I really hope the audience will see with these design choices that I'm delicate in a sense. I did not include any boldness or sharpness in my website, I wanted soft and light to be the perceived theme. 

Genre wise, I think my website really dabbles into a blog of some sorts. Although not the conventional one where my personal life is visible. Is this a conventional website? I don't think so. So while the website genre fits in both, I didn't stick to the layout or theme. However this most definitely fits into the genre of tumblr themes (particularly in pixel related ones).

The multimodal text I chose was Kentucky Route Zero's website.

Kentucky Route Zero is an atmospheric, adventure video game created by Cardboard Computer and features 5 acts.

This website's author seems simple and bold. This seems to be the case with the minimalistic design that also is bold, but not in a loud sense. The information provided is not demanding or passive. What's clever is that the actual summary of the game is provided after the audience scrolls past the header picture, the title, the awards won, then the option to purchase, and then the trailer.

The purpose of this website is to definitely sell the video game. As evidently noted above with the placement of the summary. It also tries to evoke curiosity with its abstract header picture. The fonts are big and white, contrasting nicely with the simple black background and they provide information to the main parts of the website.

The audience would have to be video game players, especially of those who tend to gravitate towards "art"-type video games where the main focus is on design, storytelling, and atmosphere. Which works well in this website. If one was to look at other video game websites, they ALL follow a formula, which gives people the immediate ideal of a highly funded game, rather than indie. With this website, it's design is simple and doesn't have the typical "About", "Media", "Downloads", etc. sections.

The genre is borderline product advertisement and a portfolio. This can be said with the outgoing links that link to a demo done by the designer of the video game and another "abstract" downloadable game? Not sure what "The Entertainment" is. But what's pretty amazing about this website is the lack of navigation bars most websites put in for the user to automatically travel in. Despite it's one-scroll page, which is nicely done with the separation of parts through contrast and proximity, the user is invited to read the whole website and click on the provided links a little down the ways. It is also under the "artistic video game" genre, where the unconventional website design tells about the video game itself. It's not an action shoot, a fps, a mmorpg, or anything of that sort.

The context is definitely web-based. Simply because this video game is not provided in a physical format, only through online downloads. So the website would definitely be found through other websites that are knowing of the independent video game genre. It would make sense that the author decided the best way to house the video game information is through a website that can intrigue both gamers, artists, and anyone else looking for something magical to experience.

Check out my tinkered website!

Had a lot of fun coding this website from a template provided from my DTC professor!

http://studentweb.engl.wsu.edu/355/rlai/sample/

- Rebecca