Challenge Summary
Welcome to the PHATS/SPHEM Website Redesign UI Challenge! PHATS/SPHEM website that supports and promote standards, trainings, and exchange of information between the members or the Professional Hockey Athletic Trainers Society and Society of Professional Hockey Equipment Managers.
The objective of this challenge to to redesign the current PHATS/SPHEM website with the requirements outlined in the Full Description below.
1. Landing page
2. Team
3. Team Details
4. Media Guide
Website Reference:
Current site: http://phats-sphem.com
Supposed to be the "new" site, for reference only: https://phats.wpengine.com
Overall Requirements:
- suggest a better UI/UX design of the screen requirements below
- for font, use clean, modern, and informal style
- for icons, use thin line style
- based the branding from the current site's logo
- retain or maintain the current pages information/content but suggest a better organization and UX
- should have a space/spots for advertisements and partners
Screen Requirements:
1. Landing (Home) page
2. Teams
- reference page: http://www.phats-sphem.com/teams
- this will list/displays all the teams that will link to their respective team details page
3. Team Details page
- ex. http://www.phats-sphem.com/teams/display/4/anaheim-ducks
4. Media Guide
- ex. http://www.phats-sphem.com/mediaguide/team/4/anaheim-ducks
5. Registration
- reference page: http://www.phats-sphem.com/join
- this has 3 step process but suggest the best process for registration, probably form and preview?
6. News Home page
- reference page: http://phats.wpengine.com/news-education/
- this serves as the blog home page
7. News Details page
- ex. http://phats.wpengine.com/a-trip-down-memory-lane/
- this will be the blog post details page
8. Inner page
at least one of the following pages
- Mission / About Us ( http://www.phats-sphem.com/mission / http://www.phats-sphem.com/about )
- Annual Meeting (http://www.phats-sphem.com/annual-meeting)
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please send your marvel app request to jamesmarquez@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).
Target Devices
- We are targeting for Desktop App: 1366px width with height adjusting accordingly
Target Audience
- PHATS/SPHEM staff
- Members of the PHATS/SPHEM
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
- Submit JPG/PNG image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop/Illustrator/Sketch and saved as an editable layer
The objective of this challenge to to redesign the current PHATS/SPHEM website with the requirements outlined in the Full Description below.
Round 1
Submit the following initial design for a Checkpoint Feedback.1. Landing page
2. Team
3. Team Details
4. Media Guide
Round 2
Submit your Final Design with all the required screens plus Checkpoint Updates.Website Reference:
Current site: http://phats-sphem.com
Supposed to be the "new" site, for reference only: https://phats.wpengine.com
Overall Requirements:
- suggest a better UI/UX design of the screen requirements below
- for font, use clean, modern, and informal style
- for icons, use thin line style
- based the branding from the current site's logo
- retain or maintain the current pages information/content but suggest a better organization and UX
- should have a space/spots for advertisements and partners
Screen Requirements:
1. Landing (Home) page
2. Teams
- reference page: http://www.phats-sphem.com/teams
- this will list/displays all the teams that will link to their respective team details page
3. Team Details page
- ex. http://www.phats-sphem.com/teams/display/4/anaheim-ducks
4. Media Guide
- ex. http://www.phats-sphem.com/mediaguide/team/4/anaheim-ducks
5. Registration
- reference page: http://www.phats-sphem.com/join
- this has 3 step process but suggest the best process for registration, probably form and preview?
6. News Home page
- reference page: http://phats.wpengine.com/news-education/
- this serves as the blog home page
7. News Details page
- ex. http://phats.wpengine.com/a-trip-down-memory-lane/
- this will be the blog post details page
8. Inner page
at least one of the following pages
- Mission / About Us ( http://www.phats-sphem.com/mission / http://www.phats-sphem.com/about )
- Annual Meeting (http://www.phats-sphem.com/annual-meeting)
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please send your marvel app request to jamesmarquez@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).
Target Devices
- We are targeting for Desktop App: 1366px width with height adjusting accordingly
Target Audience
- PHATS/SPHEM staff
- Members of the PHATS/SPHEM
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
Submission & Source Files
Preview ImagePlease create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
- Submit JPG/PNG image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop/Illustrator/Sketch and saved as an editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.