Tuesday 6 April 2010

Inspiration for my portfolio re-design

Fuel Brand


Although not the best for immediate UI, this site draws attention through its initial sparsity. The way it spans the entire screen gives it quite a strong presence and I like the use of quite basic hues.

The site could be criticised for not being formed in a more typical website way - a positive or a negative?

-----------



I really like this site for a number of reasons.

#1 being the glossy box that holds the key text. This in itself is quite straight forward and to the point. This glossy box look has been made popular, and familiar to the public by Sky's use of similar graphics.

#2 The flowing rainbow colouring also has a nice soothing effect on the eye and limits any chance of the site feeling dead.

#3 I like the chunky but simple navigation bar at the top. It holds its own without being too distracting on the rest of the design.


In fact I had a look at the inside pages and particular liked the impact this purpley (turning to pink) hue had. It really stood out on the page and felt different - thinking about it, how many purple sites can you recall?

-----------



This one is very graphic design oriented, but the large text has impact. That page upon which it sits is the actual wrapper div and holds all content within, scrolling above the fixed background. The colour palette would be a little limiting for a portfolio that needs to impress, but big type works for me....

-----------



Of all the sites, this one I liked the most. The colours is warm and welcoming, being quite uplifting at the same time. The gradient people probably wouldn't identify but as with the las recommendation, I think the gradient helps define the positive characteristic of this site. It draws your eye to the center and lights up the important content.

Furthermore, the type is large and draws the eye, being flanked by additional contemporary typefaces. Subtle illustrations add more character to this visual piece, such as the flame within the O. More importantly, if you care to look at what the site is about you would never associate the two.

---------



Again, I like this site for being 100% width and having clearly defined sections, that have lovely gradient and drop shadow effects to subtly please the eye.

---------



Lastly, in comparison with the other finds, this one could feel a little uninteresting, no doubt due to the heavy greys in use. However I think it holds good ideas for demonstrating work. The five icons, once clicked (although hovering and slideshow could achieve the same effect) allow you to quickly demonstrate your capabilities, with the important visual proof then displaying center of the screen. At the same time, it allows you to neatly present your homepage whilst also categorizing for efficiency.

A person visiting a portfolio site will probably be encouraged to spend some time there if they see a range of the work, not instead of hiding it behind a "portfolio" link.

----------

These sites all offer useful pointers for my redesign. Importance lies in drawing attention through colour and type and sizing, but then also the work needs to maintain this. Expect follow up designs soon!

@

No comments: