Mockups2

##Website Mockups##

###Profile

The user clicks his/her profile page. The user may get around the contributions that he/she has done before by clicking the topics' header and s/he can see his/her favorites topics and users. The user can also check his/her following users and followers

###Home Page

On home page, the user sees recent contributions made by users that s/he follows

###Notification

The user gets notified when other users related to him/her makes any actions or contributions.

###What's Going On

The user clicks on "What's Going On" button. Then s/he sees trending topics on the map without links

###Relations

The user takes a glance at the map and clicks the topic which he/she is interested in. Over this map the user sees relations by clicking the link between two topics

###Add Relations

The user clicks "Add Relation" button then enters topics which s/he wants to relate and describes the relation briefly

###More Relations

The user clicks on "Show More" button. Then all the relations are shown on the new page. Trending, newest or most rated relations can be seen under the tabs

###Map Focus

The user clicks on a topic on the map. Then the map focused on this topic shows most related topics

###Map Zoom

Extended map zoom for trending topic

###Create Topic

The user clicks "Create Topic" button then enters name and tags of the topic. Then the topic is created and the map focuses on this topic

###Topic Header Page

The user clicks on the topic when the map already focused on the topic. Then s/he sees all posts of that topic in order

###Create Post

The user clicks on "Create post" button on the topics header page. Then enters needed information to create a post

###Create Comment

The user clicks on "Add comment" button under the post on the topics header page. Then s/he enters a comment to create a post