Mercury - Survey App Design Challenge

Welcome to Mercury - Survey App Design Challenge! In this challenge, we are looking for your help to design a survey app for our client. The results of the survey will help the client understand his customers in a better way.

You will be provided with the exact questions that should be answered and survey results.

Round 1

Submit your design for a Checkpoint feedback:
1. Login Page.
2. Landing Page.
3. Survey Question Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Round 2

Final Design plus any Checkpoint feedback:
1. Login Page.
2. Landing Page.
3. Survey Question Page.
4. Results Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Challenge Description:
The goal of this web app is to categorize people into several groups of “management personalities” after taking an online survey.

We are looking for the [topcoder] design Community to help us with planning our new Survey application!

Note: Mercury is a codename for the client.

Design Guidelines:
- We are looking for fresh, innovative, and modern designs.
- Give importance to the overall layout and think about how a user would interact with the content on the page.
- While stock photos are allowed for this challenge, please use imagery that is relevant to this application concept.

Websites the client likes:
- http://www.16personalities.com/personality-types 
- http://www.buzzfeed.com/quizzes 

Supporting Documents:
- Questions and survey results (Screenshots.zip)
- Branding guideline (MercuryColorSwatch.png.zip)

Screen size:
- Desktop: 1024px width and height as required.

Required Screens:
1) Login Page:
- User should be able to see web app logo; you can use Mercury logo as text based here.
- User should be able to enter his username and password.
- Please include validation error design for login.

2) Landing Page:
This is the landing page for the application.
- This page should reflect the Mercury branding and look "premium" in design.
- It should very clearly show what user can do with this application and what the application is all about.
- We need a button here that says “Start Survey”

3) Survey Question Page:
Please refer to screenshots 5 to 15
- User here will answer survey questions.
- Please design the questions layout in the best way possible and make sure to use the space in a good way.

4) Results Page:
Please refer to screenshot 4
- After finishing the survey the user will see his result and it can be one of the seven results:
-- Loyalists
-- Utilitarian
-- Bargain Hunters
-- Type D
-- Type E
-- Type F
-- Type G
- You should design a page for each result and show:
-- An image for this type of managers.
-- Type Name
-- Key Characteristics.
-- Recommendations.

Target Audience:
- Users are Mercury customer managers.

Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Creativity and ease-of-use is key to the success as it must be engaging to users.

Submission & Source Files:
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, 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.