Challenge Summary
We are happy to introduce a creative challenge to the community. On this contest you need to design storyboards and add creative thoughts to an existing concept for a rich interactive page that showcases the different types of assets that TopCoder can produce, in other words, contests breakdown. Welcome, show your skills off!
Round 1
For your R1 deliverables please submit the mentioned requirements under “Storyboards Design Requirements” section.
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens (01, 02, 03 etc.) – it’s easier to review.
Round 2
Final design will contain the mentioned requirements under “Storyboards Design Requirements” section plus any updates from client feedback.
Feel free to add some notes (jpg or text file) to comment your design features for the client.
Number your screens (01, 02, 03 etc.) – it’s easier to review.
The primary goal of this contest is to design storyboards for a mini site held on TopCoder. This mini site is highly interactive, allowing to users to literally blow their minds with the animations and nice content display. The site name is “What Can You Create”.
You are provided with concept screens that show the essence of this site. The task is to showcase the site animations with screens and to redesign certain UI elements. We need you to re-think the user experience and behavior of the interface to add some improvement. In other words, the design task is focused more about the feeling of the site rather than the look. We are aiming to build a very enticing site that helps users to understand what TopCoder does with contests in a very interactive way. We are adding animations, sounds, effects, and all the whistles to this!
Branding and Guidelines
- Your design must fit 1024 pixels wide screen resolution.
- Current fonts are good enough but we are open to suggestions. Use web-safe fonts for page content.
- Current colors are good as they are now.
- Think of web 2.0 when you’re creating your solution. This page should be very MODERN and HIGHLY INTERACTIVE!
Storyboards Design Requirements
- The current concept was inspired on this video, watch it. It’s about the main pillars/nodes of TopCoder platform.
- Use WhatCanYouCreateConcept.zip as base for your work. It contains the current screens design.
- See DesignNotes.zip. It contains the detailed requirements specifications about the changes over the existing concept design. The client represents the core ideas of the new behavior on these notes, so pay attention.
- Design screens to show the whole flow and interaction paths. Your submission should contain the same amount of screens than the provided design at least. The basic path is “Introduction Screen (one node)”, Main Menu Screen (3 nodes deployed)” and “Node Details (i.e. Front-end)”, where each node details scenario displays information about contests (content taken from Content.pdf) with sub-items navigation on the left side and main interactive content/popups on the center.
- The current concept represents the information from Content.pdf. You are required to show the full details (input, description, winner, selection, output, etc) for Logo, Component Design and Marathon Match contests.
- Dismiss the current icons and replace them with icons from Icons.zip file. Consider we need to mash up the feel between the established icons, and the feel the current concept has (glowing style). Optionally, you can extract icon resources from TopCoder Website GUI Kit too.
- Create as much screens as you need to show the design and animation requirements. The more the better since the client will be able to appreciate your idea.
Target Audience
Our main target is the high-up scale directors, decision takers on businesses and organizations. Overall, business managers who need an easy explanation about how TopCoder can help them with their problems through our development platform.
Judging Criteria
- Capability of exposing the information about TopCoder helping clients in an easy way.
- How intuitive is your solution?
- User Experience.
Submission File
All requested contest requirements/screens as JPG or PNG files at 72dpi.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD files.
Preview Image
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
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.