Final Piece #1 – victorianweb.org – Flat Design

Image

Image

Image

Image

Image

Image

Image

Image

Reflection:

The background image to the header on this site has had a blur effect added.  If I were to develop this into a fully functioning site I would gather more images from the Victorian era and have a variety load into the header – either alternating each time the page is loaded or fading from one to another as the page is viewed.

Much like the skeuermorphic site, the real benefit of this redesign is ease of navigation between the categories.  All of the main categories are always accessible at the top of the page (the reduced header/navigation area and footer would be ‘fixed’ and therefore always showing.  The clutter of about/contact/link have been removed to the footer as these are only likely to be referred to once by the viewer.  There is no need for a link to home as all categories are always available to click on anyway.

The articles ‘pop up’ and appear in front of the main content and appears in a viewing window that is visually suggestive of an ipad.  The colour theme of viewing window border and article header is consistent with the category selected.  When an article is being viewed, the main content behind has significant opacity added to mimic the appearance of an overlay / lightbox.

The beauty of a flat design like this is how easily adaptable it is when creating a responsive version – the creation of which would be a very interesting project in itself.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s