Anything from the inception of this blog is copyright to Danielle Harrison ©

Tuesday, 14 January 2014

OUGD504 - Design for Print and Web: Final Screen Designs

Here are the final designs for the website in computer, tablet and mobile formats.

Tablet


This is a gif of the tablet form, showing you all of the pages. I think this is a good way to present it so people don't have to scroll and see all of the pages. This is how it would work on screen.



Website


Mobile
 Here is the mobile form of the website.


Here is the home page in mobile form.  The home page would have two rows instead of the columns that are on the tablet and webpage version.


On the books page, there would only be three bookcovers instead of five, so that the size wouldn't be compromised.




These are the pages for the menu page. This is what it would look like when you clicked on it. The navigation would be underlined, and you would be presented with the two tabs on the default page.


When you clicked on the left/right arrows on the Sandwich, it would switch to different categories such as paninis.
Then if you clicked on one of the options, it would drop down the description.


If you clicked on the second tab for drinks, this is what it would look like.


The contact page would be elongated so the user will have to scroll to see all of the information.





No comments:

Post a Comment