Challenge Summary
Welcome to CSFV Blog Storyboards Design Contest. We need you to design the blog pages that belong to a gaming website. You are provided with wireframes and the existing website design which you to take as guidance for branding and visual reference. You’ll be designing nine (9) unique-core pages and a few other screens (tweaks from the core pages). Come and join!
Round 1
For your R1 deliverables please submit the following screens:
1) Logged in User Pages
1.1) Blogs Main Page(Logged in)
1.2) Article Page (Logged in)
1.4) Search Results Page (Logged in)
1.7) Add New Article (Logged in) – Show how Attachments work.
1.8) Preview of Article Page (Logged in)
2) Admin Pages
2.1) Blogs Main Page(Admin)
2.3) Manage Blogs (Admin)
2.4) Add New Blog (Admin)
2.5) Display Pipeline (Admin)
2.6) View Article (Admin)
2.7) Edit/Moderate Article (Admin)
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 design the blog 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.
- Use the following naming system for your files ID_SCREENNAME_FEATURE. Sample: 01_Home_ hover.
- Show all the hover states for the new UI elements you create (buttons, hyperlinks, dropdowns, etc).
Storyboard Requirements
You are provided with a blank template of the website (CSFV_blanktemplate.psd). You can either work with that file as a start point to create pages or you can duplicate/re-work any of the existing PSD files in the provided storyboards, your choice.
In the attached wireframes you will see three scenarios depending on user roles (public, logged in, admin). We need logged in and admin scenarios ONLY. Notice they all are near-identical pages; they just have some variations depending on the user role that is interacting with the page. You’ll design pages for logged in user and admin user.
Create screens to show the following requirements (don’t let the text content length fool you, there are just 9 unique pages, the rest of the screens are just tweaks applied to those core pages):
Overall
- Show the site navigation menu with “Blog” in selected style (green bar).
- Show notifications for error or warning messages.
- Show popups/overlays for removal or any other modal confirmation.
1) Logged in User Pages
1.1) Blogs Main Page(Logged in)
1.2) Article Page (Logged in)
1.3) Advanced Search (Logged in)
1.4) Search Results Page (Logged in)
1.5) My Post History Page (Logged in)
1.6) Personal Blog (Logged in)
1.7) Add New Article (Logged in) – Show how Attachments work.
1.8) Preview of Article Page (Logged in)
1.9) My Watches Page (Logged in)
2) Admin Pages
2.1) Blogs Main Page(Admin)
2.2) Article Page (Admin)
2.3) Manage Blogs (Admin)
2.4) Add New Blog (Admin)
2.5) Display Pipeline (Admin)
2.6) View Article (Admin)
2.7) Edit/Moderate Article (Admin)
2.8) Edited/Moderated Article (Admin)
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.