Monday, 5 October 2015

LO2 Wire frames

These are the initial wire frame plans for the hive it website.






This is a wire frame for the website of Hive-It. I have chosen to use a navigation bar at the top so that the user can navigate the website I have also chosen to have a slider as it is a very good way to show multiple slides with information on. I have also chosen a social networking feed to go underneath the slider as I believe that a social networking feed is crucial to a modern day website. Next to this I have chosen a general information box as this will be useful to display any necessary news or information that would change over the lifetime of the webpage. The footer is a necessity as it will be needed to contain all of the contact us information and legal information.



This is the wire frame of the secondary page that the visitor get to once a they click on a link in the navigation bar. I have chosen to leave the navigation bar at the top of the page so that the visitor wont have to use their web browser to get to another section of the site or return back to the previous page. I have included two information and image boxes to present the relevant information or images that the page will have. I have also included a hyperlink box so that I can present the option of donating to the visitor on every page. The footer is as described previously a necessity and should be included on every page, this is so that the user can find contact or legal information.

This is the wireframe for the mobile or tablet website. I beleive that the visitor will find it easier to navigate the site on a mobile device if the website is organized into labeled drop down boxes rather than a navigation bar. I think this because it seems as though it may be hard and irritating to be constantly navigating by changing pages and follow navigation bar links where as if all the information is organized into labeled drop down boxes it would be easier as all the visitor would have to do is click on the relevant drop down box and if that isn't the correct one just scroll up to another one.
Here is my ideal final image of the site


This is how I wish my webpage to look as the finished product.

No comments:

Post a Comment