Challenge Summary
Welcome to CSFV Gaming Site Storyboards Updates contest. We need you to design another round of pages to complete the existing storyboards. You’ll be creating 3 main pages with a few subpages using the current design as guidance/base for your work. Come and join!
Round 1
For your R1 deliverables please submit the following screens:
1) Tournaments
- Show List view
- Show Details view
2) Help Center
- Show Main view
- Show Video Tutorials view
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Round 2
Final design will contain all the requested screens plus any updates from client feedback.
Feel free to add some notes (jpg or text file) to comment your design features for the client.
The primary goal of this contest is to design some pages of the CSFV Gaming Community Site. We need you to keep the same flow and style of the current storyboard design and follow the wireframes to complete the required pages below.
What is CSFV?
The Crowd Sourced Formal Verification (CSFV) program seeks to make formal program verification more cost-effective by reducing the skill set required for verification. The approach is to transform software verification (testing) into a more accessible task by creating a game that reflects the code model. Basically, the users will be playing games and at the same time they will be making software verification. We are looking to use the tool to verify open source software.
We envision this site as a global community with sub-sites focused on games, a nice mix of social features and heavy information delivery (social network + gaming website). The website concept is about breaking it down into global website and sub-sites, we will have 5 unique games, and each game will have a dedicated sub-site with content specific to that game, the main/global website will work as an aggregator of the sub-sites and as a Social network community, that means the sub-sites will have the same layout and navigation of the global website with different theme/colors/styles but delivering content specific to the game.
This description is meant to guide you on how the site works. This contest only focuses on designing some pages of the main community site using the provided storyboards as graphic reference and the wireframes as main UI guidance.
Branding and Guidelines
- The overall look must match the current design. Notice that “Consistency” is part of the judgment criteria for this contest, make it feel the same.
- Use web-safe fonts for the pages content.
- Your design must fit 1024 pixels wide screen resolution.
- Colors must match and appeal the current colors from the provided design.
- Keep the same naming system for the files. Scheme: ID_SCREENNAME_FEATURE. Sample: 02_Public_Profile_myfriend_hover.
- Show all the hover states for all the new UI elements you create (buttons, hyperlinks, dropdowns, etc).
- Think of web 2.0 when you’re creating your solution. We want to appeal to teens, and the general population.
Storyboard Requirements
1) Tournaments (“Home > Tournaments” from wireframes)
- Create List view.
- Create Details view.
- Use the same comments section design from the news page for Tournaments details view (see 03_News_Detail.psd).
- Create another version for logged in user (“CSFV > Tournaments”) where you can see the user’s own relative position/result (including logged in header, logged in footer and chat). Check how it’s done on 04_Achievements_Logged_In.psd.
2) Contests (“Home > Contests” from wireframes)
- Create List view.
- Create Details view.
- Use the same comments section design from the news page for Contests details view (see 03_News_Detail.psd).
- Create another version for logged in user (“CSFV > Contests”) where you can see the user’s own relative position/result (including logged in header, logged in footer and chat). Check how it’s done on 04_Achievements_Logged_In.psd.
3) Help Center (“Home > Help” from wireframes)
- Create Main Help Center page.
- Create How to Get Started page.
- Create Video Tutorials page.
- Create Search Results page. This one is not in the wireframes, you should create a page to display help search topic results, a common list of clickable items (like Facebook or Google search) with title, short description, etc.
Target Audience
Casual gamers, everyone who likes games from children to adult persons.
Judging Criteria
- Consistency with the current look of the site.
- Quality.
- User Experience.
Submission File
All requested contest requirements/screens as JPG or PNG files at 72dpi.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.
Preview Image
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
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.