Page History

1. Logo is clickable — goes to Home Page
2. "Learn" goes to Learn Lander (new page below)
3. "Connect" goes to Member page (revised)
   1. None of the nav items has a rollover dropdown
4. Search bar goes to Search Results (Sprint 2)
5. Utility Icons click to:
   1. Notifications page (no changes)
   2. Messages page (no changes)
   3. My Profile page (no changes)
   4. MIT logo goes to web.mit.edu

We will keep the black CTA banner for non-logged in state.

1. Hero image is cropped smaller
2. CTA
3. 2 Primary Compact Cards (see design below).
   1. We should be able to select from existing cards, as in current state.
4. Member preview
   1. Member count clicks to Member page
   2. Show most active members (minus ClimateX team members)
5. Recent activities zone
   1. Make title clickable to new "Recent Activities" page which shows full feed of last 100 events (and pagination if needed).
   2. Recent Activities page uses Notifications feed template, but simply lists all activities – new comments, new posts/videos/podcasts.
6. Footer links are same:
   1. Terms and conditions
   2. About
   3. Get involved
   4. Courses
7. Feedback link
   
   1. Change from a button to a link.
   2. Copy change to: "We're scrappy. We're evolving. Tell us what you want us to do."
8. Make home page top users show most active members, minus ClimateX team role

Connect (Member) Page Lander

(logged in state)

Member Cards:

• Name
• Location (if available)
• No. of posts / comments (blank if none)
• Follow / unfollow dropdown toggle/button
• Send Message link

1. Filter zone
   1. Keyword text entry
      1. Free text entry
      2. Searches against data in the following fields.
         1. Name (FN,LN)
         2. Location (city, states, etc – not the country)
         3. Education
         4. Bio Description
   2. Location dropdown
      1. Ideally only shows the set of countries where there is an actual existing member.
      2. Ideally places a number next to each country showing number of members. (ie Nigeria (7) )
   3. Click Filter button to refresh page.
2. Page body has a set of Member Category sorts
   1. General behavior
      1. Click on "See More" to refresh to a Member Category Detail page showing a complete list of the member cards within that category.
   2. Top Users
      1. Primary sort by most active (posts/comments)
      2. Secondary sort by most recent activity
      3. Excludes ClimateX team members
   3. Nearby
      1. Shows members who are near your location.
      2. Primary sort by most active (posts/comments)
      3. If User has not provided Location information, show:
         1. A CTA card (same size as a Member card) that invites the user to "Update your profile to discover Climate X members near you"
         2. Three "empty" cards showing fake users with locations "Near You"
         3. Need Designs
   4. Who share interests
      1. Members who have the same or similar combination of topic interests.
      2. Primary sort by most active (posts/comments)
   5. People you follow
      1. Members who you have chosen to follow
      2. Primary sort by most active (posts/comments)
      3. If User doesn't follow anyone, show:
         1. A CTA card that invites the user to "Follow someone to be updated when they make a post or comment"
         2. Need Designs

NOT IN SCOPE FOR 1.7

Connect (Member) Page Lander

(non-member view)

If the user navigates to the Connect Page, but is not logged in, the user recieves a model window prompt inviting him/her to Sign Up or Login.

The "preview" page in the background can be a static page, or can show an actual page for a specific member.

This pages shows a more complete list of whatever Member Category (in this case "Top Users") that user has selected – according to whatever business logic has been detailed above.

Three cards across to visually distinguish from the Member lander.

Note highlighting in Filter box when user is actively entering data in filter area.

1. Upon selection of filter criteria – free text and/or location dropdown – and click on Filter button
   1. Page refreshes to show member card results.
   2. Feedback area shows:
      1. Number of results (including if zero)
      2. Selected criteria as shown

When user enters terms in Universal Search area and clicks button:

1. Search against both Objects and Members
   1. Search against Objects should parse all given fields
      1. Title
      2. Body
      3. Author
   2. Searchable Objects will include
      1. Posts
      2. Podcasts
      3. Courses
      4. Videos
      5. Projects
   3. Search against People should parse the following fields
      1. Name (FN,LN)
      2. Bio Description
      3. Location
      4. Education
2. Default tab is Content (should say Content – not Knowledge)
3. Feedback area shows number of results for entered search term.
4. Results page is identify to Learn Lander styling
   1. Filters work in the same way as Learn Lander.
   2. New types (courses and projects) added to Type filter
5. Should show 10 results per page.

People tab allows for filtered search with identical filter behavior to Member / Connect Lander

Mike – this is the basic idea of what pagination we'd like

We'll go with whatever variants are most easy to execute from you end.

Connect (Members) Home

Sprint 2

This is the landing page after a click on "Connect" from Top Nav