Challenge Summary
Corningstone building an HTML5 version of their product ordering tool. This new tool will be used by sales agents on both iOS devices and PCs, and must be funcational in both online and offline modes.
Our first step here is to build a POC demonstrating some of the critical features of the full app. In this contest you will create a storyboard for this one-page POC.
Read more details on contest description below.
This is a Fast! contest, so please ask any questions right away!
Primary Goals
The latest version of the POC application can be found here:
http://ec2-54-242-172-235.compute-1.amazonaws.com:8080/storyboard
This is an HTML5 application that utilizes WebSQL (on Safari) or IndexedDB (on IE10) to store a product catalog for quick querying while online or offline. This product catalog is then used in a Fast Lookup feature that allows sales agents to very quickly create Bids and add Products to them.
To use the app, simply click New Bid, type a letter into the Fast Lookup text input, select one of the matching products, enter a quantity, hit enter, type a new Fast Lookup, and so on.
The app also features a Remove Product button and a Delete Bid icon, which are currently funcational, and Copy/Paste, Undo/Redo, Print, Export, and Filter options that are currently not functional.
The overall requirement of this POC project is simply to demonstrate certain funcationalities. However, our goal is to impress the client so much with this POC that they award us the full project. That's why we're running this storyboard contest, to make the POC more visually impressive!
There are a few deviations we would like in the storyboard that are not currently in the app:
1. Add a set of tabs in the header. The top tier of tabs should be: Dashboard, My Bids, Reporting, Utilities, Settings. Then under My Bids add a second tier of tabs: Header, Bid Tracker, Items, Packages, Other Charges, Totals, Special Pricing, Plan Holders. None of these tabs will be functional in the POC, but we want to show the client what the full app might look like.
2. The Remove button seems out of place. Merge it in with the icons above it.
3. The Undo/Redo icons are currently shown at the Bid level. This is really a global funcation, though, as Undo/Redo can affect multiple Bids. So, move this up to the same level as New Bid.
4. The client prefers icons to standard buttons, so please create icons for everything.
Branding Guidelines
While this is a fairly boring product ordering application, we are looking to WOW the client with this POC. So, be creative here and make the app exciting and fun to use. While we can't provide you with the client's actual logo, the color scheme of their logo is black and gold (#231F20 and #FFC324) and it features a lightening bolt.
Also keep in mind that this app will be used on both a PC (IE10) and iPad (Safari). While there will likely be some small UI differences between the two, for the most part we want it to have one design for both platforms.
Target Audience
The app will be used by Corningstone salespeople while visiting potential customers. These salespeople are very familiar with their product catalog and the Fast Lookup codes, and thus the most important aspect of the UI to them is being able to quickly create a Bid and add Products to it.
Reference Designs
While we can't provide it to you, the client does have a UI design from another firm that they like. The color scheme matches their logo, the main data entry area features has an off-white 'paper-like' look to it, and the tabs and buttons are colorful (but not bright) and have subtle grey shadowing. It conveys an industrial and powerful feel.
Judging Criteria
- Maintains the 'quick entry' aspects of the current POC
- Clean, professional (but not boring) design
- Will WOW the client and convince them to run the whole project through TopCoder
What to Submit
Preview JPG/PNG Image File
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 ZIP File
All requested contest requirements/screens as JPG or PNG files.
Source ZIP File
All fully editable original source files of the submitted design as required by the contest under "Source Files" in the side bar.
Final Fixes
As part of the final fixes phase you may be asked to complete one round of minor changes to ensure your submission meets the stated requirements of this contest. See more information about Final Fixes.
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.