Challenge Summary
Welcome to CSFV Content Management System Storyboards Contest. On this contest you will design the look and feel of a short application that manages the content shown in a gaming site, 11 pages only. It’s that simple! Come and join.
Round 1
For your R1 deliverables please submit the following pages:
- Login
- Posts List
- Add/Edit Post
- Preview Post
- Users List
- Add/Edit User
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens (01, 02, 03 etc.) – it’s easier to review.
Round 2
Final design will contain all the requested screens from the “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.
Number your screens (01, 02, 03 etc.) – it’s easier to review.
The primary goal of this contest is to design the look and feel for the CSFV CMS application from scratch. This is a web application designed for admin users who update/manage the content displayed in a public website. It must be accesible and very easy to use.
Download and browse the attached wireframes for guidance on the requirements.
Branding and Guidelines
- There is no defined brand. This is open to you; just consider avoiding dark colors and dark backgrounds.
- Use a placeholder for the logo.
- Use web-safe fonts for the pages content.
- Your design must fit 1024 pixels wide screen resolution.
- Show all the UI elements hover states (mouse over - buttons, hyperlinks, dropdowns, etc).
Storyboard Requirements
Overall
- Design a flexible main menu from the header. We want to able to add more menu items without doing major restructuring of the header.
- Show all overlays/popups in the required pages.
1) Login
- See “Home” from wireframes.
- Show a screen for the error message when login fails.
2) Posts List
- See “Home > Posts” from wireframes.
- Show how Filter/Search work.
3) Add/Edit Post
- See “Home > Posts > Edit” from wireframes.
- Show how the attachments work. When it has files it should have a remove link/button for each attachment. It should show a progress bar when it uploads a new attachment.
- Show how “Add Quick Category” works.
- Show an error message for this page. Sample: a user enters the information but he forgets to add a title, after he clicks “Add Post” he gets a message “Title is required” or something similar. Create this error message.
- We will use ckeditor for the content editor. Use a screenshot of the component. You can get one sample here: http://ckeditor.com/demo. This is not mandatory though, you can use a placeholder instead.
4) Preview Post
- See “Home > Posts > Edit” from wireframes (click on “Preview” button).
5) View Post
- See “Home > Posts > View” from wireframes.
6) Users List
- See “Home > Users” from wireframes.
- Show how Filter/Search work.
7) Add/Edit User
- See “Home > Users > Edit” from wireframes.
- Show how the auto-complete textbox works.
- Show an error message on this page.
8) Roles List
- See “Home > Roles” from wireframes.
- Show how Filter/Search work.
9) Add/Edit Role
- See “Home > Roles > Edit” from wireframes.
10) Categories List
- See “Home > Category” from wireframes.
- Show how Filter/Search work.
11) Add/Edit Category
- See “Home > Category > Edit” from wireframes.
Target Audience
Content editors and administrative staff.
Judging Criteria
- Design 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.