Challenge Summary
Welcome to the Hewlett Packard's IDOL OnDemand Business Card Reader Mobile Web Application Design Challenge. IDOL OnDemand will be developing a mobile friendly web application that reads business cards and stores the data in Salesforce.com.
For this challenge, you are going to design the storyboard for this mobile web application with at least 6 screens.
Round 1
1) Initial submission design with all the features mentioned in the Requirement section.
2) Any note for the client about your submission
3) Number your submission (01, 02, 03, etc...) for easy client's review
Round 2
1) Final submission design with all the features mentioned in the Requirement section plus any checkpoint updates.
2) Any note for the client about your submission
3) Number your submission (01, 02, 03, etc...) for easy client's review
The IDOL OnDemand platform has a number of interesting "Big Data" processing type capabilities, one of this is processing text from images (Optical Character Recognition or OCR), and recognizing entities such as a names, places, and companies from text. Using these capabilities, we're going to develop a mobile web application that reads business cards and stores the data in Salesforce.com.
The goal of this challenge is to take the design problem specification outlined below and create a simple, clean, and mobile friendly user experience (UX)! The end result of this challenge will be used for developing in subsequent challenges using HTML5 technology.
Branding Guidelines
- we recommend to use the look and feel of http://idolondemand.com/ ( please refrain from copying any element from the website besides the look and feel and the logo that is mentioned below ), colors should match the site as well ideally White and Dark Gray (#404142)
- use Arial or Calibri for font, we may substitute this with client's font during the final fix
Mobile Storyboards
- Design screens for iPhone 5 portrait display (640 x 1136), please note that this is a mobile application and not a website and there should be NO status and URL bar in your design
- Keep in mind that this might be also used for Android devices. Though the primary target is iPhone, please take in consideration that this will also used in latest Android device and you don't need to submit two versions.
Required Screens:
The following are the minimum required screens, we recommend to read the provided full Design Specification to get a grasp of the whole project.
1. Startup screen
- Displays logo (HP IDOL OnDemand, use this http://idolondemand.com/images/iod-logo.png for the meantime, we may change this during the final fix)
- name of the app ( suggest some creative name )
- some short dummy text, username and password field, and login button
2. Image Capture screen
Allows user to take picture of a business card for the backend system to process the photo and the API will return processed information.
3. Card Information screen
After the photo is processed by backend system, it will return information such as Name, Places or address, Phone number, Email address, Company name, and Website address. This screen should also shows related Data about the company which the API will also return.
4. Actions screen(s)
User should be able to load/save the returned information as a Contact or a Lead. User should also able to send an email, set follow up call, and/or set a meeting.
5. Edit screen
Able to load any record and allows the user to edit the record information.
6. News and Related Info screen
Display news and related information
Eligibility Requirement
Employees and direct and indirect subcontractors of Hewlett-Packard Company and its subsidiaries and other affiliates (“HP”), and employees and direct and indirect subcontractors of HP’s partners (including TopCoder and its affiliates) are not eligible to participate in the challenge.
Target Audience
- General Audience
Judging Criteria
- How well you design the provided design challenge
- Cleanliness of your graphics and design.
- Design and User Experience.
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG/JPEG images in a zip file with all requested contest requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or similar and saved as layered PSD files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors.
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.