*** 1st PAGE: LANDING PAGE ***
This is the first page a user should land on when going to QallOut, before signing in or signing up, and is the most important page as its main purpose is to increase conversion and make users sign up.
It should be similar to our current page, meaning, the first top part of the landing page should have a tagline and a short description, with the 2x call to action buttons, a video playing, and a learn more section..
Underneath it, will be a 'how it works' with 3 different points (not sequential steps):
* Discuss issues over live video (2 sentence description, custom designed image)
* Tune in & weigh in (2 sentence description, custom designed image)
* Participate in online debate tournaments (2 sentence description, custom designed image)
Each of the 4 points above should also have 2-line description and a custom image / design to reflect that point
*** 2nd PAGE FRONT PAGE ***
This page should be similar to the Netflix and Apple TV logged-in home page.. the user will land on this page after the landing page or after logging in.
It should include horizontal browsing strips on top of each other, with thumbnails of the videos...
The strips should be titled:
1) "Recommended For You", under it another strip titled
2) "Trending Now", under it another strip titled
3) "Tournament Debates", under it another strip titled
4) "Staff Selected", under it another strip called
5) "Tags & Categories"..
The user can scroll left/right for each strip, to see the cards of video thumbnails within each strip.. the thumbnails should show the 2 people in the video, as we currently have on QallOut right now..
Each of these strips will have a 'See all' option on the front page, when 'see all' is clicked, the users will expand the strip and see all the cards/videos related to this strip.
Once 'see all' is clicked, users can sort the content/cards by "Most Recent", "Most Active", "Top rated', and can also filter the content/cards by "Community Debates", "Video Discussions" and "Debate Challenges"
*** 3rd PAGE: USER PROFILE ***
We want a much better, new and improved, user profile page, similar to what we currently have, but much better design and UI/UX..
Please look at the user profiles currently on QallOut and redesign, but keep the same functionality/options we currently have (both for guest users as well as your own user profile)
However, we need to also add some things that we do not currently have such as: -
- Number followers
- 'Follow' option
- Number of debates user had
- Total Votes User won
- Better display for badges (TC, RJ, RD)
- User Online/Offline status
The user profile should look cool, awesome and make the user really want to build it and take care care of it.. it also needs to display user info better, such as opinion profile, political beliefs, religious beliefs, etc...
Finally, we need to better show the past debates/comments of the user
*** 4TH PAGE: START A DEBATE ***
This is the main call to action, and needs to be very contemporary, clean and follow the best practices of UI/UX for forms. The new flow / info has been sketched out in this PPT document:
There are 3-4 steps to create either a community discussion or a video discussion, the user would scroll up/down as he moves from one step to the other in the form (nice animation...)
there should simple images corresponding to each step/option, and each step should take up the entire view...
there should also be a horizontal line with 3-4 dots at the top of each step, to let the user know how many steps left
*** 5th page ***
Check our current head-2-head video debates, i need this page redesigned to your newly designed styles.. the head-2-head video would be live in the thumbnail and will have the same exact options for the video, as well as for the comments below..
therefore, in your new design, please make sure to show how comments, replies, etc.. will look like below the video.