Challenge Summary
Welcome to the IBM - SiBM Project Dashboard Design Concepts Challenge 1!
The IBM - SiBM Project Dashboard is a NEW dashboard that conveys project information, Topcoder functionality and grants access to the IBM Innovators. They will need a clear, concise and usable experience that allows them to manage their project or projects, provide project and challenge requirements, and act as client managers throughout the lifespan of their projects.
In this challenge, we are looking for your help to create the best look and feel for this new dashboard.
Round 1
Submit your design for a Checkpoint feedback:
1. Login
2. Dashboard
3. New Project
- Readme.jpg: If needed, provide notes about your submission
Round 2
Submit your final design plus any Checkpoint feedback:
1. Login
2. Dashboard
3. New Project
4. Project Details
- Readme.jpg: If needed, provide notes about your submission
Challenge Details
The goal of this challenge is to create design concepts for the IBM - SiBM Project Dashboard, a dashboard that conveys project information, Topcoder functionality and grants access to the IBM Innovators. It allows them to manage their project or projects, provide project and challenge requirements, and act as client managers throughout the lifespan of their projects.
We are looking for clear, concise and usable experience in this challenge.
Design Guidelines
For further design guidelines please refer to the IBM Design Language:
- Design Language: http://www.ibm.com/design/language/index.shtml
- Layout: http://www.ibm.com/design/language/framework/visual/layout.shtml
- Typography: http://www.ibm.com/design/language/framework/visual/typography.shtml
- Iconography: http://www.ibm.com/design/language/framework/visual/iconography.shtml
- Color: http://www.ibm.com/design/language/framework/visual/color.shtml
- Interaction: http://www.ibm.com/design/language/framework/interaction/introduction.shtml
- App Inspiration: http://www.ibm.com/design/language/inspiration.shtml
Screen Size
- Resolution: Please use a minimum of 1024x768 px.
- Please make sure that you create graphical elements in VECTOR format so graphics retain quality when resized.
Supporting Documents
- Wireframe Reference: dashboard_ff2.zip
- Sample Submission From: Sample-Submission Form.docx
Required Pages
1. Login
- User logs into the application using her IBM ID
- How does the validation error look?
- Note: Users are logging into something that's part of an IBM environment, and will not have an idea that they are logging into TopCoder. They may use this dashboard without knowing anything about TopCoder.
2. Dashboard
-- User can view all of his/her projects, including active projects and finished projects. Note that users are likely to have very few projects -- many will have just 1; some may have 2 or 3.
-- User can get project's quick data: consider project name, project budget & duration, game plan info, upcoming events, the copilot(s), new project forum posts (but it's OK to show less of this, keep this feeling like a dashboard instead of a full report -- we are explicitly NOT trying to recreate the TopCoder UI)
-- See where a project is in the process, what dates are coming up (both for action items and also for deliverables), and how much has spent to date.
-- User can get the accounting info for every project, e.g, spent to date vs. what's coming.
-- User can view messages/notifications, e.g., new posts in project forums, that a challenge has started, checkpoint reviews come around for a challenge, a project is complete, etc.
-- User can view the upcoming events & dates.
-- User can drill into a Project Page to get more project details and manage this project
-- User can access TC Direct where necessary
3. New Project (Page "NewProject" in the wireframe)
-- Required content in the "Sample-Submission Form.docx" document
4. Project Page (Page "ProjectDetails" in the wireframe)
- User can get a project’s details: project description, game plan, project status, project budget & duration, upcoming events, copilot(s), project forum, billing account, etc.
- User can edit a project
- User can drill into a challenges page (next page) to get more challenge details and manage this challenge.
- Note: Please do not just recreate the TopCoder experience. We want this to be easy to read-- these are people who do not typically use TopCoder. Think about NOT using abbreviations for the different challenges, and keeping things in normal sounding terms. Keep it visual.
Target Audience:
IBM stakeholders and project managers needing clear, simple and easy to use control and information for their Projects
Judging Criteria
- How well you plan the user experience and capture your ideas visually
- How well you design the application layout!
- Cleanliness of your graphics and design
- Creativity and ease-of-use is key to the success as it must be engaging to users.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x768 px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG 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.