Challenge Summary
Welcome to “Convert Two Small Forecast Applications Storyboard” contest. In this contest, we need your help to create look and feel for our Two (2) New Forecast application. Your storyboard design must follow IBM Web design pattern standard and follow the wireframes layout we provides for your reference. Your goal in this contest is to create a clean and strong design for the application that presents the best user experience.
At the end of this contest, we are looking a clean and strong web design for the application that present best user experience and following IBM Web design pattern standard.
Round 1
All Screens For Forecast Unit Cost Tool Application
Round 2
All Screen requirements as stated in contest details with client feedback applied
Our clients have two small forecast applications created in ms access and works very well in their company. However, support for these applications has become non-existent and the company no longer able to provide support for these applications. This project purpose is to fully rewrite and replace those applications from MS Access platform to a modern web application. In this contest, we need your help to create several pages from our forecast wireframes. Here are the screen requirements for this contest :
Forecast Unit Cost Tool Application
1. Homepage
2. Help Categories Page
3. Help Details Page
4. Upload File page (includes upload progress and successfull message popup).
5. Unit cost records page (including filter area and provides button enabled/disabled position)
6. Unit cost records page -> add new unit cost records page
7. Unit cost records page -> Edit Unit Cost Records Page
8. Unit cost records page -> Post Version popup.
9. Override Records Page -> Upload File popup
10. Get Report -> Unit Cost Full View Report page
11. Get Report -> Zero Final Unit Cost Report page
12. Get Report -> OL STAT COST STD Report page
13. Get Report -> Zero Quantities Report page
14. Get Report -> GP GM REV COMPARE REPORT (All views)
Forecast Volume Tool Application
15. Homepage
16. View Volume Records Page
17. View Volume Records Page ->Validate Selected Records popup (including success/failed confirmation message).
Notes : Don’t forget to numbering your submission screens to simplify our client works when reviewing your submission.
Branding Guidelines :
1. For this contest, you need to follow IBM design pattern for any layout elements, the references documents can be found online from this link : http://www.topcoder.com/ibm
2. CCA (Competition Confidentiality Agreement) is required to open link aboves. If you have a signed CCA on file but cannot access the link, send access request to: support@topcoder.com, dhessing@topcoder.com
3. If you don’t have a signed CCA on file you need to follow these instructions and then request for the access:
http://apps.topcoder.com/wiki/display/tc/Competition+Confidentiality+Agreement+%28CCA%29
Target Audience
There will be 2 kind of audiences that will use these application, which are :
- Forecast Cost Administrator (User for Forecast Unit Cost Tool) - This person is responsible for using the tool and the input data to create a unit cost file to be used by the monthly outlook process.
- Forecast Volumes Administrator (User for Forecast Volume Tool) – This person is responsible for using the tool and the input data to create a volume (and price) file to be used by the monthly outlook process.
Note : each application only have one user roles.
Judging Criteria
These are the judging criteria for this contest, which are :
1. Any idea that can enhanced the application usability, make sure add some notes in your submission folder explaining what kind of idea that you’re offering to our client to increase good user experience.
2. Design skill, how well you applied your design skill into your submission and showing some professional design result and looks comfortable for human eyes. This judging criteria including the sharp and cleanliness of your submission, your color combination choices, your font size and type choices, and how well your submission can make application user comfortable using the application .
3. Submission Structure, You must arrange your submission layer in ordered list, we need it to be arranged according their place and their functionality, for example header should be included in header folder, footer, content, sidebar, title, logo, etc. It is required so our user can easily found some elements from your submission and replace it if we have any additional change in the future.
4. Completeness of the storyboard, you are required to complete the storyboard, it means any information from the wireframes should be included or modified (if you have an idea) to your storyboard. You must send all screen that required as stated in Studio tournament format, if your submission not complete, we will reduce your score.
Submission & Source Files :
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
All Requested Contest Submission Requirements stated above. Files should be saved as JPG/PNG format.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD or AI file.
Final Fix :
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Attachment :
- Forecast Application Wireframes.
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.