Post a Contest

Design nice user interface for an IQ test website

Status: Closed
Prize: $200
Entries Received: 66
Winner: affanmy

Winner

Contest Brief

I need you to design a modern user interface for IQ-test website. Questions and answers for the test are already known.

The test itself has all the questions in the form of an image where a portion of the image is cut off, and then the user has either 6 or 8 possible answers. The user needs to click one option to select his answer.

Proof of concept is here (you can find test questions there already):
https://slax.org/projects/IQ-test/

I need only the design from you, no programming at all. The test questions are already given, you will not create your own questions/answers. Note that the images for test questions and answers (as shown at the URL) are not blue, they are transparent PNGs. So the background does not need to be blue.

While thinking about the design, consider adding nice progress bar (so user knows how many more questions to answer), and there needs to be also a time limit, which counts from 40:00 minutes down to zero.

Redesign for the actual questions/answer images is not required. If you decide to redesign the questions to make them nicer, you can do so, you may have higher chances to be selected as a winner, but keep in mind there are 60 questions in total, so it will be lot of additional work for you (feel free to suggest your idea).

Keep in mind that the design must be convertable to a "portrait mode" (eg. for devices where screen width is small)

Feel free to get as creative as you like.

So basically I would like to see at least 3 pages from you designed:
- some basic main page of the website with some lorem ipsum texts, and a "START TEST" button
- test page (where the test questions are displayed and answers are selected)
- a form page (after test is completed, user will enter name/email/age and click some button to get the test results emailed to him)