Tutorials

I have begun to look at the possibilities withing the tutorials page

The first page would give you sub menues for different types of tutorials and then by clicking on them you can be given further choice for searches. You can also search on this page for a tutorial if you have one in mind.


You would then be taken to a more in depth tutorial page, which could either be step by step photographs or videos (as shown) Again, the magazine would link back to this through the archive of the tutorials within it, and also any time a move is mentioned on the site it could link back to this so the viewer finds out more.

There could be the possibility for readers and fighters to submit their own tutorials.

Watch fights feature

Through the fighter profile pages you will be able to watch specific fights; These could be owned by the female fighter site itself, or will be embedded directly via various websites / youtube etc;

First you will get mini screen and then (possibly using flash) the ability to scroll quickly throughout the fights to select the one you want with ease and minimum fuss and without boggling the mind with too much information on the screen! Also, for those who want a particular fight, there is the ability to search the fights page...

As described above

After clicking on the fight you want the video will be enlarged

This will allow you to watch the fight and there is a link that will take you back to the profile screen, and alternatively the menu will always remain on the right side of the screen so you wont get lost....

Fighter profile page continued

Few extra links added to the fighter page.

Fighter profile pages

Started to work on the fighter profile page, this is just a rough guide I have a few more ideas

First few pages done

OK, since completing the layout last night I have started to move on a little with ideas for the first few pages I will show in my presentation;

Simple layout for the Female Fighter homepage

A website like this will have so much information that I wanted to keep the front age a simple as possible - rather than keeping it with no information on I decided a good feature would be for it to have a 'snapshot' screen that will go through the menu items one by one and all the top / most recent / relvant information will be displayed there;

The 'snapshot screen' on the homepage

This way the homepage stays simple but will still have snippets of information to entice viewrs further into the website

Examle of the changing information withing the snapshot screen

The above is an example of the latest news headline(s) flashing up

An example of what happens when 'Magazine' is selected on the menu

While the snapshot screen is doing its thing on the homepage, you are free to either click on the screen for more information or click on the menu to the right where further links will be offered (if there is not just a single page)

After the 'current issue' link has been selected and you are taken to the relevant page

On the current issue page you are shown a number of different things; you are given links to specific articles within the magazine that would be on the website (such as the interviews and tutorials) and also links to the fighter profile pages (shown by using their name as a link) There would also be options to buy and subscribe to the magazine.

Further exeriments

Experiments within the layout; links and texts, etc

Even more background amendments

After some 'constructive feedback' on the general layout of the page so far, I have changed the layout idea one last time - I am quite happy with the layout as it is now, and have decided that regardless I need to move on as I am fast running out of time.

Updated version of the layout

The main change is that I have moved the links from the menu to the right. The hierarchy generally is better and the site easier to navigate. It also leaves alot more room in the white part of the page so I can keep most of the pages with the same layout. I have decided also that when the page needs to scroll down, JUST the white part will scroll down and the borders will stay fixed.