iMatchative - Psych Assessment HTML5 Storyboard Design Contest

BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$100‌ EACH

Register
Submit a solution
The challenge is finished.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2013 TopCoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar
  • EPS files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30032271