Right now you can see these pages in their current form on beta.classdox.com... The site is very confusing and not intuitive. We need a sleek, sexy, and darker design that people want to look at, but also want to use.
I really like the headers sites like hub pages and kickstarter use... they are thin and simple... and work well with the logo. The login button can be put on the right side -- remember we are using Facebook
Want this to be the main search page for users to find notes. We want one search bar with a nice dark background. The Facebook login button should be somewhere on this page, and obviously so should the logo. We want a nice looking footer to accompany this with a Facebook like thing at the bottom.
This is the page that is generated from user search input. Basically it brings up all the notes in the classdox database that have these matching search criteria. If the user is logged in their should be a link or button the profile and a link/drop-down to add a new note. You'll see on the current site that textbooks are at the bottom -- please don't include books. We want this to be a note display only, that's it! :)
Note Display page:
From the input users upload or create, classdox creates a Note page for this. Similar to a blog post and how it is displayed. This page needs to nicely display the title and the body from the user generated content. For users creating notes we use Tiny MCE -- it generates an HTML output which should be used on this page to display those notes. On the right their should be a button that says "Add to folder" so that if it is something the user did not create he can put that in his folder to access later. Think of this as bookmarking the notes for easy access. For notes that the user did create it would just be a nice display of the notes. This page should contain:
Name of note
comments (facebook comments below the notes)
Create and Edit page:
This page is the one where the user creates the notes or Edits them. It should be dark looking and undistracting. I'm not sure how much you can modify TinyMCE -- but this is the application we are using so we need to factor that in to the design. We want a save and close button on the right for users to exit creating/editing.
This is the page that pulls facebook information and displays the users picture, name, and other information. It should be a really cool looking page that users are comfortable being on. We should factor in that we are now integrating a ranking feature into the site. So depending on how many notes the user creates he gets a ranking/label. For example -- a user starting out would be a "note newb", and a hard-core classdox user would be a "note guru"
Folder Display page:
Once a folder is created in the profile the user can access the materials in the folder by clicking into it. From here he can view created, uploaded, and added notes (added notes are ones that the user does not upload or create, but instead finds in the classdox database -- he/she can add these to a class folder for easy accessibility--it's just like bookmarking a site in your browser, except now you are bookmarking a note in classdox)
Please check out the current beta.classdox.com and the wireframes attached for a better idea of the design we want.