Search Results Page

Phourus is a social app covering for 4 discrete sections;
1. Phourus World: environment/economy
2. Phourus Mind: education/knowledge
3. Phourus Voice: politics/government
4. Phourus Self: beliefs/religion.

Think of the 4 elements in nature (Earth, Wind, Water, Fire), or of a person (Body, Mind, Heart, Soul). Each element is associated with a color as well, so think red, green, blue and yellow/gold/orange.

- Use Font Awesome icons
- Header with logo, game, search, editor and account buttons
- Footer with copyright, terms, privacy, contact and optional home link
- Mobile and web; include gestures where appropriate
- Respect 4 elements (blue & gold primary, green and red accents for example)
- Serious themes so want light, fun and friendly design to offset
- Flat design

Phourus

The Search Page is where users will find posts on Phourus. It’s a pretty standard search/results page and I’ve provided all of the details needed below:

SEARCH BAR
Need a search bar and search button
- Search by keyword

SEARCH RESULTS
The list of search results is the primary focus of the page and very important. Each result should have data about the post, the author and have some statistics for such as total number of comments and views.

- Post (Title, Post Type (Blogs), Category & Subcategory (History, Ancient History), Summary/Excerpt)
- User (Pic, Username, Location, User Influence Rank)
- Stats (Total Views, Total Comments, Total likes, Popularity (0-100%))

SORT
Need to be able to sort search results.

- Sort ascending or descending by
- Influence Rank
- Views
- Popularity (Ratio of likes to dislikes)
- Likes
- Comments
- Location
- Date

FILTER
There are 8 different Post Types on Phourus. Search should be able to turn these on/off somehow, as well as filter by date ranges.

- Post Type filters (Blogs, Events, Subjects, Questions, Debates, Polls, Quotes, Beliefs)
- Date range filter (Posts created between this date and that date)

PAGINATION
Users should be able to page through results.

- Next/Previous button
- Numbered pages 1,2,3…10 etc
- Total posts/current posts ("Displaying Posts 21 - 30" for example)
- Kind of think sticky pagination would be pretty cool, at least for mobile

CONTEXTS
So this is the trickier part. Sometimes we’d like to use this search but in the context of an individual or group, so we need some sort of “Viewing all posts by {the user}” or “Viewing all posts by members of {organization}” or “Viewing all my posts” for the current logged-in user.

- None (All Phourus Posts)
- User (Posts by a specific user)
- Organization (Posts by users within an Organization)
- Account (Posts by the currently logged-in user’s)

This needs to work on web as well so please keep that in mind. Also, I've attached the logo but not crazy about it.

I actually prefer the 4 colors to be flat rather than gradient... trying to go with flat design.