CYCLE - Project Management Admin Dashboard Design Challenge

Welcome to "CYCLE - Project Management Admin Dashboard Design Challenge". In this challenge, we need your help to create an Admin Dashboard (Web/Desktop) for our Cycle Time application where Admin will have an ability such as top-down visibility for on-going projects, manage users and synchronize project data between users.

This is the 2nd challenge of series where previously we ran a successful Mobile Design Challenge to create the mobile app version where the mobile user able to observe, record, and tracking their employee activities within their company/shop/store and gather statistical report in order to gather necessary information for further usage (education, set SOP, etc). 

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!

Round 1

Submit your initial Dashboard design for a Checkpoint Feedback

• As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt. 
• Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)

Round 2

Submit your Final Dashboard Design plus Checkpoint Updates

• As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
• Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)

BACKGROUND OVERVIEW

• This project is to create an app that can be used both as an educational tool, and a practical tool to assist staff to monitor and understand cycle times, a motion use of observed works. 
• Basically, we will create a fancy lap timer application, but with a data structure built inside the application where the result of each of the individual observation sessions roll up statistically to affect the anticipated task, process and project completion duration. 
• This application, in general, will be able to:
  • Apply statistical, lean methodology in the mapping value chain (project) for either industrial, engineering or construction process
  • Define Project, process, and tasks
  • Record the actual time it takes to complete a task, will require multiple replicates (observations/samples)
  • Report on project performance at multiple levels 
  • Provide a fun and engaging way for project engineers and supervisors to learn how to perform time and motion studies, and assist a project to increase performance on both cyclic and non-cyclic repetitive tasks
  • Provide projects with a  simple way to provide near real-time process efficiency KPIs, and ensure the concepts of flow, single piece flow, and resource and flow efficient execution
• In this challenge, we need to create an ability for the admin to have top-down visibility for on-going projects, manage users and synchronize project data between users
• The purpose of this Admin Dashboard interface is to provide a more seamless overview of projects and people involved

CHALLENGE GOAL

• Create the Best possible UI/UX design for Admin Dashboard from Cycle Time App where Admin will be able to see all data and information from mobile app user and able to manage the projects easily

DESIGN CONSIDERATION

• Modern, Fresh, Clean, Professional, and Intuitive look and feel
• Simplicity to find any necessary information 
• Needs to offer a great focus to the user
• Best Practice for Web/Desktop Dashboard design
• Easy to understand the flow from page to page
• Intuitive for the user; should never be left asking "what do I do next?"
• Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)

CHALLENGE FORUM

• If you have any doubts or questions regarding challenge requirements, please ask in our challenge forum:
• https://apps.topcoder.com/forums/?module=ThreadList&forumID=684347

DASHBOARD SCREENS REQUIREMENT
00) General Requirements

• For this challenge, we are looking for the below features to be designed/considered in your submission
• The functionality details listed below are suggested functionality for consideration
• Do not allow the suggestions below to impact the creativity of design
• If there is a better way to accomplish the same goal, then feel free to take creative liberties.
• Please refer to our mobile design application to get more details about data and information that needs to be presented in the admin dashboard
• Please see the "Process Heirarchy.pptx" and "Sample Lean Methods Analysis.pptx" to get a full understanding of reports and data monitoring that we want to see in the dashboard.

01) Login Feature

• Before able to use the admin dashboard, the user needs to log in first
• Needs error login scenario

02) Summary View Feature

• The ability for Admin to see recent activity in the application
• Ability to see a summary of all important information from the mobile application
• Feel free to be creative and provide your thoughts about important information that needs to be presented in this page

03) All Project View Feature

• Admin will be able to see all projects from this page
• See Active, Finish, Pending, Cancel, Delete projects 
• Filter Project based on the selected criteria (time, scope, name, type, etc)

04) Project Detail View Feature

• Ability to see all project related information from this page
• Ability to see value chain mapping (limited to sequential tasks only at this stage)
• See all Process related to the project
• Project Location and Working Details
• People involved in the project
• Assign People to the project
• Reference Documents
• Ability to see the timeline of every process and compares it, and do analytical attempt based on process, task, people activity in the project (refer to our Sample Lean Method Analysis)
• Need to be able to see reports for the project based on the following output:
  • Summary of process task times
  • Summary of process times
  • Summary of project times
  • Cycle time Total - Project
  • Cycle time Total - Process
  • Cycle time Total - Task
  • Mean
  • Std Deviation Processes
  • Sample Count
  • Minimum
  • Maximum
  • Mode
  • Median
  • Cycles per Minute
  • Cycles per Hour
  • Graph results - Project
  • Graph results - Process

05) Process Detail View Features

• View Process detail information
• View Task related to the process
• View People that involved in the related Task
• View Photo or Video Gallery related to the process and Task

06) Manage Users

• View all users in the application
• Assign a user to specific projects
• View users activity (project, process, task, that the user involved with)
• Manage Users (Add, Edit, Remove)

07) Manage General Setting

• Ability to set up any necessary setting for the mobile application such as new unit measurement, database, API, etc

IMPORTANT

• Keep things consistent. This means all graphics styles should work together.
• All of the graphics should have a similar feel and general aesthetic appearance

 
MARVEL PROTOTYPE

• We need you to upload your screens to Marvel App
• Please send your marvel app request to fajar.mln@gmail.com (Challenge Copilot) 
• You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comments this link while you upload).

 
BRANDING GUIDELINES

• Follow Our Mobile Design Storyboard
• Branding Guidelines

DOCUMENTATION

• Google Drive: https://drive.google.com/drive/folders/12wBORa4n-t4AlrUITQ60eX6kUtZ4MdQe?usp=sharing
  • Mobile Design Storyboard
  • Branding Guideline Documents
  • Process Hierarchy
  • Sample Lean methods analysis (this is actually document for another project, but it explains the need for the app including the types of graphs and reports the client is looking for)

TARGET DEVICE

• Web/Desktop: 1366px width with Height adjusted accordingly

TARGET AUDIENCES

• Administrators

JUDGING CRITERIA

• Your submission will be judged on the following criteria:
  • Overall idea and execution of concepts
  • How well does your design align with the objectives of the challenge
  • Execution and thoughtfulness put into solving the problem
  • The overall design, UI, and user experience
  • Cleanliness of screen design and user flow
  • Ease of use 

SUBMISSION AND 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

• Submit JPG/PNG image files based on Challenge submission requirements stated above
• MarvelApp link for review and to provide feedback

 
Source Files

• All source files of all graphics created either in Adobe XD (Most Preferable), Sketch, or Photoshop and saved as an editable layer

 
FINAL FIXES

• As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors