Final infographic

Home page - the home page also acts as a main nav point, the user can go to all the pages from this page. This page is also the basis for the rest of the design throughout the infographic.

Mariage Equality Page - this page has the most interactivity using clicks on the country to bring up info, interacting with the timeline to change the visibility of the countries according to what year marriage became legal in the country. It also has two zoom functions for the smaller areas (USA and europe)

Mariage Equality USA zoom page

Mariage Equality europe zoom page

LGBT page, break down of the terminology. Nav bar down the bottom, shows what page you are on and how many pages to go. 

roll over function to reveal the definition of each letter

For the transition in pages I wanted it to slide along, but due to time I wan't able to apply this to the rest of the section. So I involved it in one place to show what it would look like if there was more time to further it.

roll over to reveal the meaning of each part of the flag

coming out page, provokes the user to roll over the people to challenge them if they have an idea of the fact already.

fact reveals itself

this page doesn't have much interaction, but if there was time it could be furthered to involve animation or interaction by playing on the scale and weight idea.

another page that could do with further development and interaction, at the moment the fact appears when you roll over the country.

Discrimination page - on this page I have focused on bullying in school against LGBT students, using the apple as a focal point to relate to school.

roll over the dots to reveal a fact about bullying, with an image mirroring the fact in and outside the apple. Not all the buttons are working as time limited making them all active. So five are working, the top three on the left are non active.

Animal page - dingbat like forms for the animals are interactive when you roll over them, bring up a fact and some sort of imagery to show the fact visually.

example of what happens when you roll over.

if the info graphic was to be taken further a development of interactivity and animation of the facts and imagery would be beneficial. Also getting the scroll through the LGBT sections would complete that section and bring a more complete sense of flow through the infographic, this could also be bought through to the whole info graphic - having smooth transitions through the whole site. this will take away any crudeness and help the user to keep a sense of where they are.