Challenge Summary
Welcome to "IBM - SiBM Support Easy OnBoarding Design Challenge". The goal of this challenges is to create the look and feel for our new Support Easy Onboarding App. (Please Register to see all the details!!)
Round 1
01. Homepage Screen
02. Let's Get Started Screen
03. Task Master screen
04. Quiz Master Screen
05. Step Complete screen
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
Round 2
01. Homepage Screen
02. Let's Get Started Screen
03. Task master screen (e.g., get an ID, sign up for service request)
04. Quiz Master screen
05. Step complete screen
06. Choose The Game Screen
07. Play The Game Screen
08. Certificate Completion Screen
09. Welcome Back Screen
10. About Screen
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
Background Overview
The Support Easy Onboarding Application is a customer facing application to help streamline the onboarding process for support services. Review the provided wireframes to learn how the application will work. The onboarding process will be gamelike to help teach customers how to sign up for various services. We are looking for the application design to be engaging, educational and of course fun to use. We want to give the user a sense of accomplishment through the onboarding process.
~
TO GET FULL SPEC DETAILS, PLEASE CONFIRM YOUR WORKING STATUS IN OUR CHALLENGE FORUM.
~
Screen Size
- Resolution Web : Width 1024x768 with height adjusting accordingly.
- Note the footer design in the wireframe.
- Please make sure that you create graphical elements in VECTOR format so graphics retain quality when resized.
Supporting Documents
- Wireframes
Target audience
- Users who need to learn about the Onboarding process to sign up for customer services
Design Guidelines
- Design Language: http://www.ibm.com/design/language/index.shtml
- Layout: http://www.ibm.com/design/language/framework/visual/layout.shtml
- Typography: http://www.ibm.com/design/language/framework/visual/typography.shtml
- Iconography: http://www.ibm.com/design/language/framework/visual/iconography.shtml
- Color: http://www.ibm.com/design/language/framework/visual/color.shtml
- Interaction: http://www.ibm.com/design/language/framework/interaction/introduction.shtml
- App Inspiration: http://www.ibm.com/design/language/inspiration.shtml
Judging Criteria
- Design Quality
- Cleanliness of your Design.
- How well you follow our design guidelines
- Carefully thought-out user experience and interface.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x768 px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback
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.