1. TV based workout logging. This page will be displayed on a 1080p TV in a gym. Users should be able to easily and clearly enter their result for the workout they just did. Text and form elements need to be very clear and readable. Please see the attached file for an example of the content that will be on this page. Note that there are three different tabs, and visible at all times is a class time/user login form.
2. TV based workout leaderboard. This page will be displayed on a 1080p TV in a gym. Users should be able to easily and clearly see how they ranked vs other members of their gym and what their score was. A score might look like '6 rounds and 8 reps'. You should also show any comment that a user entered along with their result (e.g. 'This was really hard'). There is no attachment for this page but it will have the same 'class/user login' and navigation tabs as screen 1. There needs to be an option to display a leaderboard for both male and female results in one single list, and an option to display male and female in two different lists, side by side.
The next two pages should be designed for use on a regular computer. Please create a design that can be adapted to a responsive layout.
3. Workout builder page. This page will be used on a regular computer. It is used to create new workouts that users want to enter into the system. It is interactive and heavily form based. Please see the attached file for an example of the content that will be on this page. Please note that the little cog icon on the left of each movement opens a drop down menu. The 'X' icon deletes that movement from the workout. These don't have to be a cog or an X, feel free to change them however you feel is best. The two different boxes for 'load' are for a user to input exercise weights for males and females. This could also be combined into one box separated by a slash, eg [ 240 / 200 ]. Also note the search icon in the navbar; when clicked this expands into a search field. Finally hidden under the autocomplete dropdown in the screenshot is a button that says 'Add Movement'.
4. Profile page. This is a social network style profile page. I'd like to show a photo of the user, his location, which gym they are a member of, a 'follow' button, etc. Also there will be some stats such as workouts done and how many likes they have received. The user then also has an activity feed that I'd like to show as a timeline. The feed will have items such as workout results, photo uploads, status updates, etc. Somewhere there should also be links to 'movement stats' and 'training calendar'. I have attached a very basic version of this page that shows some, but not all, of the above content. As before, please ignore any layout/styling and do whatever you like with the design.