1. Our first page is the home page. This can be broadly divided into two views, with the browser seeing the top view first, followed by the second view which the user can scroll down to see. For the first view (see page 2 of PDF), along the top we will have a ribbon which will have space for a logo, followed by buttons to different pages. Currently, the buttons we have are “Discover Projects,” “What is GivingStone,” “User Home / Login,” and “Sign-Up.” Immediately below that will be a matrix of square image tiles of the projects, sized 3 rows by 8 columns. If a user clicks on one of the tiles, there will be a pop-up, approximately 2 rows long by 4 columns wide, which will appear in the center of the 3x8 matrix. This pop-up will include a larger version of the image initially in the tile, a heading, a subheading, and text. At the bottom of the text will also be spaces for two logos: one for the non-profit and one for the corporation, as well as a label for the type of project (educational, arts, health, etc.) and the location (NYC – Manhattan, NYC – Bronx, San Francisco, etc.). There will also be a button titled “learn more,” a space for Facebook and Twitter share buttons, and a status bar showing how much of this project is funded. Below this dynamic 3x8 array, we would like to see another collection of logos. This does not have to be a rectangular array as it is meant to show the different corporations and non-profits we are partnering with. The second view (see page 3 of PDF) is what follows below. We would like to have a menu on the left which lists different screening options where the user can screen for projects by type (educational, arts, health, etc.), location (NYC – Manhattan, NYC – Bronx… San Francisco, LA, etc.), a small map to select the state, and a “refresh” button. The main part of the view will include an image of the project and details similar to those found in the pop-up, as described above.
2. The second page will be a page for featuring a given project (see page 4 and 5 of PDF). Along the top will be the same menu as on the home page. Users will come to this page to place votes on the project. This page should include a description of the project, a picture for the project, the logo and name of the non-profit company that is in charge of the project, and the logo and name of the company that is sponsoring the project.
3. This page will display either a User, Non-profit, or Sponsor Company (see page 6 and 7 of PDF). The profile should include space for a brief description of the User/Non-Profit/Sponsor, and a picture. For the corporate sponsor page we laid out in the PDF, we would like to see which projects the corporation is currently sponsoring.
Feel free to add anything else as you see fit.