Barkley






 * Barkley** is a website that illustrates their portfolio and work to the public. Their target users are clients, job oppurtunity, and anyone that is interested in the idea of " every idea has an expiration date".

-** the information is constructed with the content placed in the centre panel - under the centre panel is current issues - a search bar, client login and careers tabs are located right under the main panel - logo placed on the upper right corner - nagivation tab on the uppper left corner - other nagivation are places on the right panel - nagivation tab with " five topics" including " who we are", " our clients", "our work", "what we do" and "our culture"
 * Information Architecture

- **typography-** the same sans serif font is used, only size, weight and colour changes depending on the heirachy of the information - all CAP LOCKS is used for healines and top 5 tabs - special digbat character after their philosopy statement - **colour-** red, grey and white are used in the main colour palette - nagivation tab changes to darker //grey// during rollover - nagivation tab changes to //red// when being selected - //red// in the digbat and the same //red// in their logo - **composition;** it seems like the main photography is placed at the centre, while other elements including the logo and nagivation searches are placed around the main content
 * visual design**

- subcategories are at the right panel - information are grouped under the main tab - in the " our work" section there is an effective approach to transitioins - there is slit animation between each artwork - other artwork are in the left side while the main artwork are the centre - when rolling over a specific work, the image pop up while fading other works - other utility useful is a client log in page - contact information - careers (job openings) - their background history - what they do ( design, interactive, web, motion design, etc) - their clients plus sample of work - most of the work are presented with limited text with imagery - since their website target promoting their brand, they will want to present their work
 * usability** - there are five main topics which are placed at the upper top panel
 * content** - artwork



Overall, it is an effective peice becuse it demonstrates their brand. It easily illustrates their artwork and what they do. I was particular interested in the flash animation between each link. It makes the work more interesting and seems more interactive to the user. The only problem I found with the animation is with the loading time, whereas areas that doesn't have animation did not require any waiting time. Moreover, I was interested in the different index page image it shows everytime I refresh to the main page. I think this is interesting because as a daily viewer you don't want to see the same image over and over again. Even though it showed a different image but the main concept and layout still remain the same.

http://www.lookandfeel.com/