Challenge Summary
GARS Private Trading Exchange (PTX) provides IBM Business Partners, Brokers and Internal Sellers a web front end to obtain GARS (Certified Used) inventory. The buying opportunities include purchasing from a catalog, requesting quotes and custom configurations, and participating in offerings.
The client is looking to develop a mobile version with limited functionality of the web application. This competition is to develop the UI design for the mobile version based off of the web design. The mobile version of the website will focus on the buyer role and will allow buyers to perform limited functionality including:
Check order status
Check RFQ status
Create feature RFQ (Request for Quote)
Order payment in one of the Order Payment stores
Each of these functions may include multiple UI screens to be designed.
Round 1
Deliver UI design for the following pages as specified in the requirements:
1)Main/Home- Display a list of options available to the buyer
3) View company RFQs - display a listing of RFQs for a user's company
7) My orders search page- display search criteria for order
11) View order - Display the details for the selected order
12) Machine details - View details of a machine in the order
Round 2
Submissions which pass round 1 must make updates / incorporate feedback from round 1 and deliver the UI design for the remaining pages as specified in the requirements.
Primary Goals:
The goal of this competition is to design a mobile version of each of the pages specified in the requirements to be accessed from the browser of the following supported mobile devices: iPhone, Android and Blackberry.
Screenshots of the pages on the web version are attached to the competition. The mobile versions should be based off of the web design. Look and feel of the pages should follow ibm.com.
The target audience for this work is Business Partners and Brokers entitled to the PTX application looking to check on the status of their orders and/or RFQs and perform limited functionality including creation of feature orders or order payment from their smartphones.
Winning submissions must meet the requirements outlined below and provide the most user friendly / functional design to allow buyers to perform the functions outlined below.
Requirements & Specifications:
The UI screens to be designed for this competition are broken into the following functional areas / UI screens from the web application. There are a total of 12 pages to be designed for this competition, some pages are very close in design with minor changes and design can be reused. It is not required to deliver 12 mobile pages (some pages may be combined) however key functions / fields from all 12 pages must be incorporated into the submission.
When accessed through the browser, the user should have the option to view the mobile version or the full web version.
1)Main/Home- Display a list of options available to the buyer
RFQ status - Allow buyers to view the status of their own or their company's RFQs
Pages:
2) My RFQs - display a listing of RFQs for a user
3) View company RFQs - display a listing of RFQs for a user's company
4) View RFQ - Display the details for the selected RFQ
5) View Machine -View details of a machine on the RFQ
6) View Upgrade -View details of an upgrade on the RFQ
Order status - Allow buyers to view the status of their own or their company's orders
Pages:
7) My orders search page- display search criteria for order
8) My orders – display results of My orders search. Use same fields as #7/see design of #10
9) My company's orders - display search criteria for a company’s orders
10) My company's orders – display results of My company’s orders search
11) View order - Display the details for the selected order
12) Machine details - View details of a machine in the order
Colors/fonts should follow the colors on the current web pages using the attached standards as appropriate.
Target Audience:
The target audience for this work is Business Partners and Brokers entitled to the PTX application looking to check on the status of their orders and/or RFQs and perform limited functionality including creation of feature orders or order payment from their smartphones.
Branding Guidelines:
The pages to be designed do not require any logo, our logo is part of a common shared header which is not within the scope of this competition. We have some information in this spec in regard to text colors to be used. (Please check attached color and font standards.png)
Reference Designs: See attached document PTX 12.1 Mobile UI Design pt1_page requirements.doc which contains screenshots of the web version of the pages to be used as a base for the mobile design. PTX 12.1 Mobile UI Design pt1_page html.zip contains the html for the current web pages and the CSS to be used for the mobile screens.
Judging Criteria: Winning submissions must provide design for function of all 12 pages meeting the specified requirements and provide the most user friendly / functional design to allow buyers to perform the functions on a mobile device
Submission & Source Files:
Preview Image
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
Submission File
All requested contest requirements/screens as JPG or PNG files.
Source Files
All original source files of the submitted design.
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.