Tuesday, 23 October 2012

OUGD504 - Good Websites vs. Bad websites

Good


www.ollymoss.com

Uses Indexhibit

Black // corner // easy // minimal // negative space // empty // fast // white
When Indexhibit is used it can allow the content dictate how good the website is. 




www.pinterest.com

Table system with endless scroll
Visually simple // endless scrolling // board system for collecting images // instant aesthetics // search bar // ability to pin from any website using the "Pin it" button // ability to comment on any image








www.makersandbrothers.com/shop

Clean cut, clinical feel.

The images become the brand identity and the background becomes the platform to push the products. The use of standardised photography helps. All centred, allows the footer to be noticeable and therefore accessible.
A static Logo allows it to float over images of products, branding each image as it passes under. 

Bad




www.arvanitakis.com/en

Animation and music are enough to give a child like company image, the Navigation is on the right which is untraditional and therefore confusing.





www.thedieline.com

This was a risk to me putting this in here but the more I use this website the more I feel it is overcomplicated with too many navigation options. The second screenshot highlights the fact that there is two menu systems on each page. They have also made use of advert space on the RHS which distracts the eye from the graphic products. 





www.aux.freshtilledsoil.com


www.mylapka.com





www.erwinbauer.com

Using a scroll system the user can either click to navigate or scroll accross the sections to the website. once in a new area menue systems allow you to 


www.2xelliott.co.uk
Focus purely on the work, logo is small but visible as branding. The navigation is simple to use. Work visibilty is highly detailed and instantanious when the website is loaded.


Bad and the Ugly.






A landing page with background music...no matter how slick the logo is, the music is not presenting the company in the best light. 




www.vayaro.com/shop

www.forefathersgroup.com

Long Scrolling page, hard to tell within 5 seconds of what the website is for or who the target audience could be.




www.foolishfire.com

Homepage is cluttered with work , links on the Nav Bar to the side take you into a scrolling blog post system of any work tagged as "Hand Lettering" or "Portfolio". The contact is again, a blog post of social media correspondence with people



www.kirkstall.org.uk/abbey/abbeyhistory.html

Various screen grabs taken including examples of photography of the site itself. There is an element of interactivity but it is executed poorly and with no structure. The body copy runs over the background template design making it illegible. The typeface chosen itself does not read clearly and with the lack of tracking the reader not only looses interest but gains a headache.



Back buttons are missing from most pages which is irritating when navigating through the rooms. I feel that a whole new website for the Abbey could be designed in a much simpler way with modern illustrations that lend themselves to the era of the Abbey. 




Milka Favre



www.milkafavre.com


360 Langstrasse

360 langstrasse zurich.sf.tv

mercer tavern

www.mercertavern.com


noble-design 

www.noble-design.co.uk

simple // japan // vector // ikea // grid



caava design




www.caavadesign.com



colour // circle // photography // hipster // travel // california

The reason I have placed this in the bad and ugly section is the use of shapes in relation to the navigation bar.


No comments:

Post a Comment