Skip to content

MVP Features & Page Mockups

Cub Olson edited this page Mar 9, 2021 · 15 revisions

          

Required MVP Features:

  • Games (Books)
  • Game Categories (Bookshelves)
  • Reviews
  • Played Status (will play, playing now, played)
    • Bonus: Search across multiple models
    • Bonus: Tags

                     

Mockups

1. Index (layout template)

  • Navbar (logged out)

    • logo / links to home page
    • search bar(?)
    • Login
    • Sign Up
  • Navbar (logged in)

    • logo
    • MyGames
    • MyReviews
    • Search Bar(?)
    • Log Out
    • Preferences / Gear Icon
  • Footer (LO + LI)

    • Company Contacts Link
    • CopyWrite info
    • Link to Github Repo
    • Link to help FAQ

NOTE: Use this template to extend to other pages

2. Home (main page)

  • Featured games banner below navigation bar links to feature product pages
  • See product display cards with top ranked game by category, with links to category above it

Main page screenshot

Main wireframe screenshot

3. Review Rankings by Category Page (3)

  • Shows top ~20 games for each category
  • Games rated by combo of (i) number of ratings and (ii) average rating score
  • Hovering over a games product display card shows a summary pop up with rankings (? stretch goal) (when logged in...)
  • Each product has a dropdown below it with options: "Want to play" "Playing" and "Played"
    • If user selects the "played option" they are prompted to rate and review the game

Review Ranking Page screenshot

4. Single Product Page

  • Displays photos or videos showcasing the product (game)
  • 1-2 paragraph description of the game
  • Shows game details like Publisher, release date, platforms
  • Displays total number of ratings and avg score
  • Displays user reviews and review box for comments
  • Provides link to purchase game
  • includes LFG nav bar for discord links (? stretch goal) Single Product Page screenshot Single Product Page wireframe

5. Users MyGames Library Page

  • Shows a list of games the user has engaged with on the site (i.e. selected something from the dropdown 'has played', etc)

User Products Page screenshot

6. User Account Preferences Page

  • Shows the users account preferences with the ability to update: firstName, lastName, userName, phone, email, password
  • Has button with ability to delete their account

Users Preferences Page screenshot

                     

Clone this wiki locally