yuri's+excercises

[|Exercise 1] PLEASE VIEW ON FIREFOX.

[|Exercise 2] JQuery Exercise

Project 02 - Exercise 01

media type="custom" key="8549922" sketch 01

media type="custom" key="8549974" sketch 02

EXERCISE 1 (PROJECT 03)


 * Briefly describe the site. What content is presented? What is the goal(s) of the site?
 * Describe the visual design – use of colour, typography, compostion. How is this effective?
 * How is the content structured? Is there a hierarchy of information and how is this achieved?
 * Analyse and describe the interactions. Are these innovative or conventional? Does it add value?
 * Are there any surprises or unexpected elements?

1. Nike Better World [Promotional Website] [|Nike Better World] Simple, yet complex. This webpage is a combination of clean / easy to navigate mixed with experimental elements that make the website more aesthetically appealing. This website is created to promote that their products are environmentally friendly. Also they have posted up some campaigns they are running to support those living in developing countries. The goal of this site, I would say is for consumers to believe that Nike is actually in support of environmental issues, and that the company 'cares' about what they produce. However, in my opinion, no matter how beautiful this website is, Nike is still known to have child labourers in factories.

We can see that there isn't much colour used within the typefaces. They have kept the colour green as the dominant colour, and have kept to black for the content. As for the composition, they have decided to keep all their content in the centre, and allow the viewers to scroll down the page. This works as they have made everything flow down, as if you're falling down a tunnel. Very effective use of imagery is present, as they have used great photography to back up their content.

As for Hierarchy, yes there is because they have chosen to display their information one scroll at a time. I'm assuming that they have included a video in the beginning for the introduction, and then their products, and the conclusion.

When the viewer scrolls down the website, each page seems to flow fluently into the next, which is quite visually pleasing. As for interaction, they have included videos to engage with the audience, as well as overlapping of imagery to give a 3D effect. (2nd page of the website if you are looking at the actual site right now).

The scroll and the way they have laid out this website is quite surprising yet refreshing to see a different form of creating websites.

2. Bobsmade art& custom clothing. [|Bobsmade]

The site is created for designer Bobsmade, who is a freelance artist and illustrator. This site is created as an 'online shop' site where Bobsmade posts up works to sell, and people can buy straight from the site. This site is targeted towards those who enjoy Bobsmade's works, and wishes to purchase some of his products.

The layout again is quite simple, primarily blue and grey is used for the typefaces, and occasionally some white. The typeface used here are quite clean, and don't seem to match his graffiti like works of art. However, it is effective as it must be an organized site for easy navigation. Composition wise, there are many images of his products which are unique and appealing, and is probably what attracts people's attention.

the content is structured in different sections. On the left, there are links to different products produced by Bobsmade, and each link takes you to images of the product, and how you can purchase. Very simple, and easy to navigate.

I believe Bobsmade interacts with the audience through the images of his products. It is quite a conventional way, however, the uniqueness of the product itself adds value.

There aren't really any unexpected elements in the website, however I found it unique how they've added in the application where you can zoom in on the products for better viewing.