Topcoder Internal Tasks Calculator Design Challenge

Project Objectives

• Design a user-friendly calculator to scope Internal Tasks opportunities
• Leverage existing calculations in the current calculator (currently in a Google sheet) to create a user-friendly version

Round 1

Submit these screens/features for your checkpoint round submission:

1. Input form
2. View Total Cost Breakdown
3. Edit Cost Parameters
4. Recalculate cost
5. View Customer-facing cost

Round 2

Submit these screens/features for your final round submission:

1. Input form
2. View Total Cost Breakdown
3. Edit Cost Parameters
4. Recalculate cost
5. View Customer-facing cost
6. Admin Tool

 
Project Background
Internal Tasks is a new offering at Topcoder that will enable our customers to create talent pools (pre-qualified members) to complete work over a defined amount of time
The user-friendly version of the calculator already created in Google Sheets should follow the same calculations but allow the users to easily input key metrics/variables and view a cost estimate

Workflow
Please make sure your design incorporates this workflow.

• Step 1: The user launches the calculator
• Step 2: The user is prompted to enter the following:
  • # of FTEs needed
  • # of months needed
  • The user then clicks a button ‘Calculate Estimate’
• Step 3: The application generates the cost estimate by using the following calculations on Google Sheet. Check url below
• Step 4: The user should then be able to view the following costs that make up the total cost:
  • # of FTEs
  • # of mentors required
  • # of SPV’s required
  • Duration of project (in months)
  • % Markup
  • % Delivery cost reduction
  • Effective rate per hour ($USD)
  • Total cost per month ($USD)
  • Total cost ($USD)
• Step 5: The user should then be able to edit the following fields and then click a button ‘Recalculate’:
  • # of FTEs
  • Duration of project (in months)
  • % Markup
  • % Delivery cost reduction
• Step 6: Once the user clicks ‘Recalculate’ they should be able to view the following cost breakdown with the updated numbers:
  • # of FTEs
  • # of mentors required
  • # of SPV’s required
  • Duration of project (in months)
  • % Markup
  • % Delivery cost reduction
  • Effective rate per hour ($USD)
  • Total cost per month ($USD)
  • Total cost ($USD)
• Step 7: Once the user is comfortable with the estimate, they should be able to ‘Finalize Estimate’ and produce a customer-facing estimate that includes:
  • # of FTEs
  • Duration of project (in months)
  • Effective rate per hour ($USD)
  • Total cost per month ($USD)
  • Total cost ($USD)

Users/Roles
Please make sure your design supports the following roles.

• Topcoder Sales
  • Public Access for Topcoder sales team (With Login) to generate basic estimation based on data input from the customer
• Admin User
  • Private Access for administrators (With Login) to make changes to the parameters of the application if calculations need to be updated

Screens/Features
Please make sure your design includes the following screens:

• All users
  • Input form
  • View Total Cost Breakdown
  • See the steps above
  • Edit Cost Parameters
  • Recalculate cost
  • View Customer-facing cost
• Admin Only
  • Admin Tool: the app must have an administrative tool or panel to enable direct management of calculations
  • As possible create detailed screens explain click-flow on Admin page

Judging Criteria
Your submission will be judged on the following criteria:

• Overall design and user experience
• User Experience and how well you design the page
• Exploration of page flow and user interface of the application

Form Factors
Please make sure your design supports these form factors:

• In-scope
  • Desktop: 1366px(w) x Height(up to designer)
    • Need above the fold, without user need scrolling
  • Phone Portrait
• Out of scope
  • Tablet

Operating Systems
Web app

Branding Guidelines
Follow Topcoder branding guidelines: https://www.topcoder.com/about/topcoder-brand-guidelines/

Design Assets
Calculator on Google Spreadsheet
IMPORTANT: You can edit the value to see the result, BUT please revert to the original values once you're finished. So other designer can see the correct calculations.

Final Deliverables

• All original source files.
  • Files should be created in Adobe Photoshop and saved as a layered PSD file, Adobe Illustrator or as a layered AI file or Sketch
• Marvel Prototype
  • We need you to upload your screens to Marvel App.
  • Please send your marvel app request to lunarkid@copilots.topcoder.com
  • You MUST include your Marvel app URL as a text file in your final submission labeled “MarvelApp URL” (in your marvel app prototype, click on share and then copy the link).