Challenge Summary
Corningstone is now starting a project to build 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.
Read more details on contest description below.
This is Fast! contest, let us know your questions soon!
The first step in this project is to build a Proof of Concept (POC) application to demonstrate three primary capabilities:
- Ability for users to quickly and easily query the product catalog and create/modify a bid while either online or offline using either a PC or an iPad.
- A bid is a collection of products and quanties that make up an order quote
- The user must be able to select an existing bid to edit or create a new bid
- To add a product to a bid the user will type in a Fast Lookup code. The system will then query a WebSQL/IndexedDB database to find the matching product and populate the rest of the product data for that line item.
- To complete the line item the user will type in the quantity.
- The key here is quick entry. Users know their Fast Lookup codes and need to be able to simply type them in and create the bid with minimal clicks/keystrokes. This should include a type-ahead feature so that they can type the first few characters of the Fast Lookup and then select from a list of matching codes.
- Ability for users to undo and redo steps they have performed during bid creation and maintenance.
- These steps include creating a bid, adding a product to a bid, removing a product from a bid, or changing a product quanity on a bid.
- Ability for users to copy and paste line items or groups of line items within a bid or from one bid to another
A few things to note:
- This is only a POC, so keep it simple and don't try to design the whole application.
- It is expected that this functionality can all be contained within a single page. If this is not possible, please raise it as an issue in the forums.
- The final application will be built in HTML5. While you aren't required to build the POC wireframe in HTML5, we do want you to consider the UI capabilities of HTML5 when designing your interface.
- The wireframe must be designed and sized to fit Safari on iPad. We will add support for IE10 on Windows 7 in a later contest.
- A product line item will consist of: Fast Lookup Code, Product Number, Product Description, Unit of Measure, Price, Quantity
Target Audience:
- A salesperson who wished to quickly create a bid to sell products to a customer.
Judging Criteria:
- Fullfills all the functional requirements
- Provides a simple, intuitive, and efficient user interface with minimal keystrokes and button clicks
What to submit:
- Submission zip file: HTML wireframes that the client can review without a program like Axure.
- Source zip file: All original, fully editable source files of the submission.
- Preview image: Create a 1024x1024 JPG or PNG screenshot of your submission.
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.