Challenge Summary
Welcome to iMatchative - Psych Assessment HTML5 Storyboard Design Contest.
The client decided to build a web-based application that will allow professional investors to complete assessments such as card sorting task. The application will allow testers, the people running assessments, to create and run assessments. The goal of this contest to design the storyboard of application based on provided wireframe and style guide, there are 22 pages you need to create, at the end of this contest we are looking for clean, professional and great user experience storyboard of the application.
Round 1
Following are pages for the Checkpoints Round:
- Login Page
- Register Page
- Participant Page and all its child page.
- Tester Page and all its child page.
Round 2
You need to create all required page in the Wireframe and fix your submission based on Feedback at Checkpoints Round.
Project Overview
The client is going to build the application for professional investors to complete assessment to capture needed information. There are 2 types of assessment that are supported with the possibility to add other assessments in the future. This application need to be designed appealing visually, interactive, easy and fun to use. This application will has reporting functionality so it will be easy for Testers to view the data collected from completed assessments. Following are 2 types of assessments that will be implemented in the first release:
Q-Sort Assessment is where a number of items (cards with different words or sentences on them) have to be ranked / ordered by a Participant so that they result in a sequence. This sequence will be one a scale, such as from high to low, or from "agree the most" to "agree the least".
Card Stacking Assessment. Participants will assign items (cards with different words or sentences on them) into a predefined number of different response groups. These groups will be visually arranged in the form of stacks that look like an approximately bell-shaped distribution curve. This will result in a final ordering sequence that has the symmetrical shape of a bell shaped distribution.
General Guidelines
- Wireframe contains the basic flow of what you need to design in this contest. Please explore the wireframe to get details of screens, functionality and modal windows that are required to be created. Although we provide the wireframe, we are still looking for any ideas you have to improve the storyboard. Feel free to include any ideas you have, no restrictions and include notes about it.
- Please create hover state for buttons, links and images in the storyboard to help us better understand while reviewing the storyboard.
- Provide any notes about your design or each elements to help us better understand the storyboard and number your screens and put screen names in your submission file to help us easily reviewing.
- You are encouraged to create icon and graphic so your solution looks more appealing.
Design Requirement
There are 22 screens that need to be created, please follow Design Requirements.doc for some details of page that you should noted and explore the Wireframe for more details of each page.
Branding Guideline
- Use web-safe font for the content.
- Content width size is 1024px.
- Follow the attached example screen and logo for color scheme.
Target Audience
- Trained investors and hedge funds managers and also Wall Street Type customers.
- Potential Customer
Judging Criteria
- How well your solution cover all functionality defined in Wireframe.
- How well your solution provides good user experience.
- Cleanliness and creativity of your solution.
Submission Deliverable
Preview Image
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 File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD 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 any missed milestone feedback or requirments.
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.