We Have had to do some work on our pitch for this project. I have created a a wire frame of the site with a flow diagram to see how the navigation works.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2fVkgbTbwCJcBKThMKeIcIKnLqI6VWJVPle0C15tDmCSjIEuiNIfLO2G7eWmjR900brRVrMZFCVJkKx0xknLx6xciewXMakPLGmJ0jySFJJqGxqbzWh726awVlVWi-Uwa2PaEjNihlqI/s1600/Page+flow+5+w+tabs-01.jpg) |
5th version of my navigation and flow diagram |
The main gate way to the site is through the introduction, this set the site up giving access to all other areas of the site.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGdSBbbEmgcnoY7BWaRa0WqjCE92_Pl90-0t_MuOogjYTvOPDxLbHcgYF4DXs94yyRj5qRqds0GQVy4GBNqB-mczL7RxJWiYmDtVFRIV4-zbIGmt5wFNYTQTVWdmUKVrYd5VABG7L69U/s1600/wireframe.gif) |
Animated wire frame |
I have created some wire frames to help me understand the page layouts I only a faint idea of how the pages should look and have generated one page as a design in motion or starting point.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwERph3_HIm72bhImRbdoQnKuEceS4xV380wfLOOmo1W_5ii9euLe8SIMXiuEFwPsIAqmPCUVo7U3qEofFtU6mApAomfAUGvgaCrEd50ttchDjwsdQep84Gs2YG4OK_L0rdtYRi5tm_xE/s1600/Screen+Shot+2014-05-02+at+13.18.23.png) |
Design look work in progress |
These are some of the element that I presented to my tutor this week. We had an interesting discussion on the menu and the merits of a home page, idea that I will have to consider for the future development of the site.
No comments:
Post a Comment