TopCoder Analytics Project Creation Flow Storyboards

Welcome to the TopCoder Analytics Project Creation Contest.

The purpose of TopCoder Analytics Project is to productizing the marathon matches. We want to make the process of creating, running, monitoring and getting results from marathon matches much better than it is now.

The goal of this contest is to design the project creation flow  for anlytics project creation.

Round 1

Your submitted solution for a review.

Step 1 screen(s)

Step 2 screen(s)

Step 3 screen(s)

Step 4 screen(s)

Step 5 screen(s)

Step 6 screen(s)

Step 7 screen(s)

Step 8 screen(s)

Notes = Any comments about your design for the Client

Round 2

Final Design

Step 1 screen(s)

Step 2 screen(s)

Step 3 screen(s)

Step 4 screen(s)

Step 5 screen(s)

Step 6 screen(s)

Step 7 screen(s)

Step 8 screen(s)

Notes = Any comments about your desing for the Client

TopCoder has recently introduced the TopCoder Cockpit Application, which allows Customers, as well as Staff, Copilots, etc., to directly engage with the TopCoder processes and Community. TopCoder Cockpit allows users to

• Launch and Monitor Contests
• View Submissions
• Choose Winners for Competitions
• Pay for and Download Finished Products and generally manage a project within the TopCoder platform. 

TopCoder Cockpit is the bridge between the Client and the TopCoder Community that gives a customer the ability to build software and complete design projects of any size or scope through competition.

For this contest, we are going to design a new project creation flow, which gathers information specific for analytics project, which potentially has one or several analytics contests to (Marathon Matches) launch.

Resources & Requirements  IMPORTANT

• Keep simple and clean design! And pay attention to the user experience.
• Group/package each graphics in its own folder layer with appropriate names/titles.
• Keep things consistent. This means all graphics styles should work together.
• All of the graphic should have a similar feel and general aesthetic appearance.
• Make sure your design use Windows standard fonts (arial, tahoma, etc)
• All text must be editable and non-graphical.
• Always remember to see at Cockpit GUI Kit for all your NEW graphics. Make sure they have same aesthetic designs.
• For layout of your submission please use from Cockpit GUI Kit "Page Layout" sections.
• Remember every steps in these screens, using full column width layout.
• You must provide us how every screens looks in 1024px width and more wider screens.
• Use the same style currently used for START A PROJECT functionality, you can find detail information here.
• Other References - TopCoder Mobile and PPT - Start New Project Flow

START A ANALYTICS PROJECT REQUIREMENT

Step 1 What is the name of the project?

Actually, you don't need to design screens for this step, you can simply reuse the design that current start a project functionality has.

Step 2 Estimation of Budget and Timeline

• Use the same style for common elements by comparing to the start a project functionality.
• Design the sliders.
• Design the Datepicker. For current stage, you don't specify complex style, choose the proper theme for jquery datepicker.

Step 3 Choose a Copilot

Actually, you don't need to design screens for this step, you can simply reuse the design that current start a project functionality has.

Step 4 About the Problem

• Use the same style for common elements by comparing to the start a project functionality.
• Show us different page style (elements) based on choosing different radio options.

Step 5 About the Problem Continued....

• Use the same style for common elements by comparing to the start a project functionality.
• Show us different page style (elements) based on choosing different radio options.
• Design the style for sliders.
• Design the icons when selecting "I don't know" option

Step 6 Other Details and Documents

• Use the same style for common elements by comparing to the start a project functionality.
• Show use the screens to add different documentations, and how the different documentations will be displayed.

Step 7 Who can access your Project?

Actually, you don't need to design screens for this step, you can simply reuse the design that current start a project functionality has.

Step 8 Review

• Use the same style for common elements by comparing to the start a project functionality.
• Design the look and feel for review page
• Design the look and feel after clicking the confirm and launch button.

Target Audience

• New Customers
• Non-expert Customers
• Administrator and Copilots

Judging Criteria

• How well you create the new "Start a Project" graphics and keep things consistent with the current Cockpit Application.
• Cleanliness of your graphics and design
• User Experience

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

All Requested Contest Submission Requirements stated above in PNG or JPG format.

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.