Challenge Summary
Welcome to the CSFV Games and Achievements Storyboard Improvement Design Challenge.
This challenge is focused to update existing CSFV Games and Achievements page like provided requirements stated below.
Round 1
Submit your design for a Checkpoint feedback:
1. Games Page
2. Achievements Page
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus any Checkpoint feedback:
1. Games Page
2. Contest/Events Landing Page
3. Contest/Events Detail Page
4. Achievements Page
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
CSFV is looking to revamp Games and Achievement pages to improve UX and user interaction with the content and specification requirements below.
We are looking for the [topcoder] design Community to help us with planning our new UX "user experience".
File Downloadables:
CSFV Games Pages Storyboard.zip - Storyboard as Base Updates
UI Prototype.zip - CSFV UI Prototype
GUI-Kit.zip - CSFV GUI Kit
Important!
- You must re-use existing design, do not introduce new graphic. Your design result of this challenge must look as one design sets of CSFV Design Brand. Stick with GUI-Kit.zip if you plan to add new element in your design
- Click around on attached UI Prototype.zip to get familiar with CSFV Design pages and branding
- Keep existing Header and Footer design.
Challenge Requirements:
1. Games Page Updates
- For this task we need get new design to replace current Games page in our live site, see http://verigames.com/games
- We will remove existing page and replace it with page that has the following sections:
-- We need to show listing for games as in https://www.nonamesite.com/web/cs-stem/activities it will list the games, their description, play now, and "view info" link.
-- "View Info" need open up a panel below (screenshot: 01 Game Not Logged In with Details.png) where user can see "Description", "Videos", "Screenshots", "How to Play" facebook likes, etc other useful information about games.
-- We need fresh/new ideas for how panel designed! Do not show same design of the panel.
-- Games page should have sidebar with "Active Contest/Events", "Current Month Leaderboard" with pick list to filter by game or event, and "News/Forums" widgets .. etc.
- Feel free to suggest the best layout to accommodate all requirements above
2. Contest/Events Listing Page
- This page will list every Contest/Events of CSFV activities
- Think about how this page designed, to show active Contest/Event list.
- Create some way to access detail page.
- Basically this Contest/Events Listing Page can use same layout/structure like “Games Page” above with these differences:
-- Display list of Contest/Events,
-- Leaderboard/Score widgets of Contest/Events,
-- Contest/Event News
- Please suggest us how Contest/Events Listing page look OR another useful contents or widgets that will fits with this page
3. Contest/Events Detail Page
- This page contains details information of selected Contest/Event on Listing page
- Design a banner that will help describe the Contest/Events.
- Description about Contest/Events,
- Star rating,
- Facebook like,
- Number of players,
- Number of levels,
- Game name,
- Leaderboard,
- News that associated with the event
- Please suggest us how Contest/Events Detail page look OR another useful contents or widgets that will fits with this page
4. Achievements Page Updates
- This is current “Achievements” page look and feel (screenshot: 04 Achievements Logged In.png)
- On top of this page we need show a banner as in iTunes or something a like for show casing events and some other important news as banners, see how NoNameSite.com home page banner show news there.
- We want a widget similar to the "Scoring Leaderboard" but will be for live events, so it displaying scores but user will see the 'events' associated with that game, and can view different events scores if the game has more than one event/contest.
-- Sample of the general leaderboard design: http://xboxamerica.com/leaderboards
-- Also one thing you should keep in mind is that we will have 9-10 games. Think what's the best way to highlight all the leaderboards and/or be able to quickly jump through to see all of them.
-- Improve filtering as we need the following options:
---- User should be able to set game preferences as what game leaderboards are displayed by default when accessing the page.
---- Filter by Country
---- Filter by Year/Month
---- Filter by Game
---- Filter by Event (you can assume each game will be associated with exactly one game)
-- Update the dark bar to support 10 games, in general this page needs to support 10 games and multiple events per game.
- Feel free to suggest the best layout to accommodate all requirements above
Target User:
- Casual gamers, everyone who likes games from children to adult persons.
Judging Criteria:
- Consistency with CSFV Design Brand.
- Design Quality and Execution.
- User Experience.
- Cleanliness of your graphics and design.
Submission & Source Files:
Preview Image
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 for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
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.