Challenge Summary
Welcome to CSFV Mini Sites Header, Footer and Search Redesign Contest. We need to update five (5) mini sites design for header, footer and search. Jump in now!
Round 1
For your R1 deliverables please submit the following (9 screens required).
1) Stormbound updates: header, footer and search.
2) Circuitbot updates: header and footer.
3) Xilem updates: header and footer.
4) TrafficJam updates: header and footer.
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 from “Storyboards Requirements” section 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 update five (5) web pages for the CSFV mini sites. Each mini site has its own theme but the header and footer are the same among each other, too generic; we need headers and footers to be unique as the theme they correspond.
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 updating the mini site headers and footers.
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.
Storyboard Requirements
As mentioned above, you need to work with five (5) mini sites. We’re providing the source files of the whole mini sites, they are a lot of files. You’ll need them for graphic guidance; however you only need to work with one single file for each mini site zip file for this contest, and they are pointed out below.
1) Stormbound Mini Site (1.Stormbound > Website > Source > home.psd).
2) Circuitbot Mini Site (2.Circuitbot > Website > Source > Minisite.psd).
3) Xilem Mini Site (3.Xilem Website > Source > Minisite.psd).
4) TrafficJam Mini Site (4.TrafficJam > Website > Source > Minisite.psd).
5) Ghostmap Mini Site (5.Ghostmap > Website > Source > Home_1.psd).
* Files had to be compressed using 7zip program due to large size. Use this program to uncompress in case you don’t have a tool.
The task is to redesign header and footer (see MinisiteGuideline.png, areas highlighted in red are meant to be redesigned) for each mini site provided to match the mini sites themes respectively. Also to provide a search results page for each one of them. Consider the following conditions.
Header
- Each mini site provides two scenarios, when user is logged in and when is not (see “LOGGED IN” layer group on PSD source files). You must provide a design for each scenario.
- You are allowed to redesign ANY element and buttons to match the mini site theme (gray bar, icons, register buttons, search, anything) BUT KEEP THE SAME dimensions and arrangement of every item as the original.
Footer
- Redesign the footer of each mini site to match their respective theme.
- Replace all the CSFV references/logo with the respective mini site theme.
- Constraints are not as restrictive as the header. You are allowed to arrange the elements from the footer, dimensions and positioning.
- Do not redesign chat widget. Instead, replace chat widget cover with the one from the UI KIT folder of each mini site provided.
Search Results
- The search bar has an auto-complete feature (see CSFV_MemberSearch.zip) and results page. Apply this search results page to match each mini site theme.
- Use the UI Kit if necessary to skin the search results page (that may help).
- Consider some category icons in the search results are unique per each mini site such as forums, contests, tournaments and so many others.
**Note: we expect to receive 15 screens total on this contest, 3 per mini site (logged in, not-logged in and search results).
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.