Friends of Rock Creek Tripti Aurora Pooja Mehta

Potential Clients Objectives Current website issues (www. friendsofrockcreek. org) Design to address these issues

Research Detailed study of the FORCE and its website Study included understanding, identifying their

Research Classified various categories and sub-categories Usability Test: ---- Performed usability testing on the

Strategy Awareness among sponsors and educating people by using a combination of Top-down and

Design Blueprint ◦ It is used to show the relation between pages and other

High-Level Blueprint About the organization Ongoing Projects Information about Watershed Main Page News &

Features Included • • Global as well as local navigation for users to easily

Features Included • • • “Share This” feature is provided to educate as many

Demo http: //www. terpconnect. umd. edu/~sreddy/rock_creek/index. html

Slides: 13

Download presentation

Friends of Rock Creek Tripti Aurora Pooja Mehta Swetha Reddy Siddhesh Shirode

Potential Clients Objectives Current website issues (www. friendsofrockcreek. org) Design to address these issues

Research Detailed study of the FORCE and its website Study included understanding, identifying their goals and objectives Card Sorting: --- Sorting of the top navigation bar to enable users to find information easily e. g. : About Us includes Mission, board of directors and get involved. --- Activities include all the projects of FORCE --- News and events include news releases, upcoming events and news archives. --- Donate includes how to become a member and sponsors --- Photo Gallery and Contact Us

Research Classified various categories and sub-categories Usability Test: ---- Performed usability testing on the users and identified their needs

Strategy Awareness among sponsors and educating people by using a combination of Top-down and Bottom-up approach ---- Organization and labeling systems (top down) ---- Defining user objectives i. e easy navigation by category and sub-categories ---- Using a share this feature to promote the website among users ----Inviting more sponsors by making them aware about the donations through the donate tab.

Design Blueprint ◦ It is used to show the relation between pages and other components such as navigation, labeling Wireframes ◦ Wireframes are used to depict how an individual page will look like

High-Level Blueprint About the organization Ongoing Projects Information about Watershed Main Page News & Events Sponsors & Donors Photo Gallery Mission Board of Directors Monitoring Storm Drain Using Deicers Properly Natural History Human History Threats & Problems

Wireframe - Home Page LOGO Home About Us Activities Watershed News Sponsors Donate Contact Photo & Events Us Upcoming events Adding name to the list of contributors Watershed Map Mission People Speak Share This Logo of Sponsors

Wireframe – Second level Page LOGO Home About Us Activities Watershed News Sponsors Donate Contact Photo & Events Us Breadcrumbs Local Navigation Content Related pictures

Features Included • • Global as well as local navigation for users to easily navigate through the pages We have provided volunteer & donate on every page We have simplified the language for users with no background of environmental science to understand the details about the website We have provided mission on the homepage to inform the users about the mission behind building the website

Features Included • • • “Share This” feature is provided to educate as many people as possible We have tried to make the website more attractive to get more contribution We have specially included a page to thank all the people who have directly/indirectly helped the organization

Demo http: //www. terpconnect. umd. edu/~sreddy/rock_creek/index. html

Thank You