Tuesday 26 February 2013

EC - Wire Frames

To give Bivas an overview on what kind of layouts are possible taking into consideration what they want, I decided to draw up a few simple wire frames on Photoshop. Once I had emailed these to him we arranged a Skype meeting.

Here are the wire frames I emailed Bivas. - HOME PAGE 

Wire Frame 1
This reflects on the 'simple' look they wanted, however I believe by adding other features such as 'quick links' or even an RSS feed to the home page can be a great advantage to them as it will allow their users to find the information they are looking for easily.


Wire Frame 2 
Rearranging the top of the site, Navigation, Logo and Social links are all in one row. The video holder is the main aspect of the page, and developing the first wire frame further 'Quick Links' feature has been added to the bottom of the page. Even though this has the quick links to recent work by The Foundation team there can still be more information to inform the user on what the links are.

Wire Frame 3 


This wire frame removes the video playlist and focuses on the information direct links (these will include a link to the Youtube playlist. Adding the image banner which will be rotating using Javascript will give the user an overall view on what The Foundation consists of.


Wire Frame 4


Expanding on Wire Frame 4, adding a background image (that maybe rotates through 2-3 images) can bring character to the page.


I am now waiting for feedback from the client and waiting to organise a Skype meeting were we can discuss the contact and layout of what is needed on each page.

No comments:

Post a Comment