Sunday, 27 April 2014

Design for the Web - Research 2

For my next analysis I'm looking at the website http://piotrswierkowski.com/portfolio/, I found this website through http://www.awwwards.com/ which is a website that gives out Website Design Awards for websites that are unique, well made and professional.


On first glance then navigation of the website is the thing I notice first and to be honest you can't miss it. The 'brick' like formation of the different projects that he has worked on works really well, it breaks down what could be a very confusing list into a easy to read tiled background.

Each tile has a roll-over effect of 'view project' this is feedback works really well that shrinks in and out. It gives you just enough response to make it satisfying. In terms of additional navigation on the left hand side of the website you can see the 'three lines' icon which translates to, hover for more. Once you hover over the side bar it grows wider with a nice animation three options appear that fade in an out [Portfolio] - About Me - Contact, these are simple and to the point.
Here is the image of the left hand side bar, its nice touch that doesn't take your attention away from his work which is the most important thing on a portfolio website such as this.


When looking at the responsiveness of the website it certainly doesn't disappoint. It's transitions from page to page alone fade in and out which give it that little extra edge of professionalism. 
If I resize the website down to mobile size in my browser you can quickly see the seamless transmission of elements into a more suitable layout for viewing on a smaller device.

On the mobile version of the website the projects go from a tiled formation down to a simple list, the side bar swaps to the top of the website with the same available options. This exchange from Desktop to Mobile is a really good example the theme remains and the hierarchy of information remains the same giving a consistent experience across all platforms which is not the case with a lot of responsive websites these days.


No comments:

Post a Comment