EcoGuild

Ben FisherBrodie Stephenson

LeanneJulian Dunbar

Jonathan Campbell

Home Page

Home Page• 1. This is the information of the Page, giving an over view of the page, saying What EcoGuild is• 2. This is the pages banner, basically an aesthetic graphic that appeals to the viewers, also It shows

what the page is with out going into any detail• 3. This little logo is on every page through out the site, Its on every page to keep a common thing

about the pages also it is the symbol of the web site• 4. This is where an already active user can log into their account by entering their username• 5. This is where the user can enter their password to log into their account• 6. This is also on every page it’s the navigational buttons that take the user to each major page,

when on that specific page the button will be highlighted• 7. This is Where the user can choose the option to join up with the website/create an account• 8. This where the user can see notifications, mail inboxes and click a link that takes them directly

to their profile• 9. This is also like the symbol but just says the name of the site EcoGuild and the sites motto• 10. This is more options to take you to the pages about us and security which has to do with how

secure your account is and what not.

Issue Search Page

Issue Search Page• 1. This the main part of the page which has all the current issues listed with a

little preview of what is on the page they are on• 2. This is the same emblem that is on the home page which keeps a common

theme on the pages• 3. This is also on every page it’s the navigational buttons that take the user to

each major page, when on that specific page the button will be highlighted• 4. This where the user can see notifications, mail inboxes and click a link that

takes them directly to their profile• 5. This is where the user can search for a specific issue that isn't listed on the

current page• 6. This is a little filtering system that can narrow your searches down by taking

you to the options, recommended, most popular and most recent issues that have come up

• 7. This is the option you can choose to create a new issue that isnt on the board

Issue Page

Issue Page• 1. This is the main content of the Issue Page, it in detail explains what the issue is about and

what people can do to help prevent it• 2. This is the particular Issues page’s banner which people can edit with their own graphic• 3. This is a map that has been embedded by one of the users that shows a location of a

protest that might be in the making etc.• 4. This is the comment section that people have left their comments and opinions on the

issue at hand• 5. This is the link and thumbnails of photos people have put up from previous protests for the

issue etc.• 6. This is where you can post a comment/opinion on the issue• 7. This is also on every page it’s the navigational buttons that take the user to each major

page, when on that specific page the button will be highlighted• 8. This where the user can see notifications, mail inboxes and click a link that takes them

directly to their profile• 9. This little logo is on every page through out the site, Its on every page to keep a common

thing about the pages also it is the symbol of the web site• 10. This is where you can follow the issue so it will give you updated notifications on the issue

Forum Page

Forum Page• 1. This is the main part of the page where all the forum pages have been

created• 2. This is also on every page it’s the navigational buttons that take the

user to each major page, when on that specific page the button will be highlighted

• 3. Here the user can search for a specific forum page• 4. With this the user can filter their searches with the options, most

popular, most recent and recommended. Also the suer can use this to create a new forum page

• 5. This where the user can see notifications, mail inboxes and click a link that takes them directly to their profile

• 6. This little logo is on every page through out the site, Its on every page to keep a common thing about the pages also it is the symbol of the web site

Profile Page

Profile Page• 1. This is where the issues that you have followed are shown in your profile• 2. This is where you profile picture is located, as well as the options other people have to

send you a message and add you as a friend• 3. This is where you can post a comment on someone's profile page• 4. This is where you can write a little bit about yourself• 5. This is the where you can see the users friends and click on the thumbnail to follow a link

to that specific persons user page• 6. This little logo is on every page through out the site, Its on every page to keep a common

thing about the pages also it is the symbol of the web site• 7. This is also on every page it’s the navigational buttons that take the user to each major

page, when on that specific page the button will be highlighted• 8. This where the user can see notifications, mail inboxes and click a link that takes them

directly to their profile• 9. This is where the user can search for people they might know by typing there full name

into the search bar• 10. This is where the comments of others are shown that have been posted to the users

profile page