Challenge Summary
Welcome to the "TC - Challenge Creation Page Design Concepts Challenge". In this challenge, we are looking for creating the best possible UI/UX for one of the major features in our new Topcoder "Challenge Engine" platform. We're gonna need to create a challenge creation page and fleshed out all the details interaction for this page
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
CHALLENGE OBJECTIVES
- User interface design
- 1 screen
- Web/Desktop App
PROJECT BACKGROUND
- The purpose of this project is to create the best possible UI/UX for one of the major features in our new Topcoder "Challenge Engine" platform
- This feature will be used by Topcoder Copilot to create a new challenge spec and to launch it to Topcoder pipeline
- In this challenge, we're gonna need to create a challenge creation page and fleshed out all the details interaction for this page
USER ROLES
- Topcoder Copilot, A highly respected and skilled Topcoder member who has passed a certification process and is responsible for leveraging the Topcoder community to produce the best outcome. Copilots along with the client and project architects drive the project to success
SCREEN REQUIREMENTS
01) Challenge Creation Page
- We need to create a single page app that Topcoder copilots will use to create challenge spec and launch the challenge
- In terms of interaction, please feel free to suggest what is the best UX to create the challenge spec, one full page? wizard style? Etc?
- You may add a sidebar to the layout if you feel it will help the overall UX but it’s not required. It can be either on the left or right, your call! You can utilize the sidebar to put any navigation. For ex: step by step spec creation, see existing spec draft, etc!
- Ability to save challenge spec as a draft, modify, delete, and launch the challenge
- Preview Page to review the challenge spec before launching the challenge
- This page should have the following fields form available for copilots to enter challenge spec:
FORM FACTORS
- Web/Desktop - Min 1366px width with height adjusted accordingly
BRANDING GUIDELINES
Branding guidelines will be posted in the challenge forum
DESIGN ASSET
See some screenshot of our new platform design as References (DO NOT COPY)
JUDGING CRITERIA
Your submission will be judged on the following criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Overall design, UI and user experience
- Consistency across the UX/UI
FINAL DELIVERABLES
- Submission Files - JPG/PNG image files based on challenge submission requirements stated above
- Source Files - Should be created in Sketch
- Marvel Prototype:
-- We need you to upload your screens to Marvel App.
-- Please send your marvel app request to fajar.mln@gmail.com
-- You MUST include your Marvel app URL as a text file in your final submission (in your marvel app prototype, click on share and then copy the link).
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
CHALLENGE OBJECTIVES
- User interface design
- 1 screen
- Web/Desktop App
PROJECT BACKGROUND
- The purpose of this project is to create the best possible UI/UX for one of the major features in our new Topcoder "Challenge Engine" platform
- This feature will be used by Topcoder Copilot to create a new challenge spec and to launch it to Topcoder pipeline
- In this challenge, we're gonna need to create a challenge creation page and fleshed out all the details interaction for this page
USER ROLES
- Topcoder Copilot, A highly respected and skilled Topcoder member who has passed a certification process and is responsible for leveraging the Topcoder community to produce the best outcome. Copilots along with the client and project architects drive the project to success
SCREEN REQUIREMENTS
01) Challenge Creation Page
- We need to create a single page app that Topcoder copilots will use to create challenge spec and launch the challenge
- In terms of interaction, please feel free to suggest what is the best UX to create the challenge spec, one full page? wizard style? Etc?
- You may add a sidebar to the layout if you feel it will help the overall UX but it’s not required. It can be either on the left or right, your call! You can utilize the sidebar to put any navigation. For ex: step by step spec creation, see existing spec draft, etc!
- Ability to save challenge spec as a draft, modify, delete, and launch the challenge
- Preview Page to review the challenge spec before launching the challenge
- This page should have the following fields form available for copilots to enter challenge spec:
-- Select the challenge Track (Design, Development, Data Science)
-- Select the challenge types:
--- Design: Application Front-End Design, Design First2Finish, Idea Generation, Print/Presentation, Web Design, Widget or Mobile Screen Design, Wireframes
--- Development: Bug Hunt, Code, First2Finish, QA, Test Suites
--- Data Science: Marathon Match
-- Enter the challenge name (textbox)
-- Enter the project name - Association with projects in the database (dropdown)
-- Enter Billing Account - Association with billing accounts in the database (dropdown)
-- Enter Milestone (dropdown)
-- Choose Copilot (find copilots, auto-suggestions, search box)
-- Groups - the ability to choose several members to work on the private challenge (eg Veteran community)
-- Challenge Timeline - The default timeline will be inserted based on the selected type (one or two round) but the copilot must be able to modify the timeline or select another from the timeline templates (dropdown list)
-- Enter the challenge details (needs ability and interactions to switch between WYSIWYG and Markdown?)
-- Prizes - Define the prize sets (1st, 2nd, 3rd, +add new placements button, checkpoint, copilot fee, platform fee, spec reviewer fee, screener fee, total cost)
-- Tags - Associated tags related to the challenge
-- Terms - Associated terms related to the challenge
-- File attachments
-- Scorecard (screening, review, approval scorecard)
-- Deliverables:
-- Enter Billing Account - Association with billing accounts in the database (dropdown)
-- Enter Milestone (dropdown)
-- Choose Copilot (find copilots, auto-suggestions, search box)
-- Groups - the ability to choose several members to work on the private challenge (eg Veteran community)
-- Challenge Timeline - The default timeline will be inserted based on the selected type (one or two round) but the copilot must be able to modify the timeline or select another from the timeline templates (dropdown list)
-- Enter the challenge details (needs ability and interactions to switch between WYSIWYG and Markdown?)
-- Prizes - Define the prize sets (1st, 2nd, 3rd, +add new placements button, checkpoint, copilot fee, platform fee, spec reviewer fee, screener fee, total cost)
-- Tags - Associated tags related to the challenge
-- Terms - Associated terms related to the challenge
-- File attachments
-- Scorecard (screening, review, approval scorecard)
-- Deliverables:
--- Design will be related to design tools (PSD, AI, Sketch, XD, PPT, PDF, etc)
--- Dev will be related to tech stack (Type of OS, Type of Tech like React, Angular, etc)
--- Data Science won’t have this section
--- Dev will be related to tech stack (Type of OS, Type of Tech like React, Angular, etc)
--- Data Science won’t have this section
-- Stock Art (Checkbox)
-- Submission Visibility (Checkbox)
-- Submission Visibility (Checkbox)
FORM FACTORS
- Web/Desktop - Min 1366px width with height adjusted accordingly
BRANDING GUIDELINES
Branding guidelines will be posted in the challenge forum
DESIGN ASSET
See some screenshot of our new platform design as References (DO NOT COPY)
JUDGING CRITERIA
Your submission will be judged on the following criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Overall design, UI and user experience
- Consistency across the UX/UI
FINAL DELIVERABLES
- Submission Files - JPG/PNG image files based on challenge submission requirements stated above
- Source Files - Should be created in Sketch
- Marvel Prototype:
-- We need you to upload your screens to Marvel App.
-- Please send your marvel app request to fajar.mln@gmail.com
-- You MUST include your Marvel app URL as a text file in your final submission (in your marvel app prototype, click on share and then copy the link).
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.