Challenge Summary
Welcome to Tech Assessment Concepts Design Challenge
The goal of this challenge is to analyze the provided client sketches, sample data, design problem, and user roles to create design concepts for a Tech Assessment application.
Read more detailed information on the challenge specification. Let’s discuss any questions you may have!
Initial Tech Assessment Concepts Design for the following user roles on Desktop screen size
A). Leader
Note: Numbering your submission based on the flow.
A). Leader
B). Manager
C). Director
Note: Number your submission based on the flow.
A Large IoT and Power Management Company would like to consolidate all of their employee technical competencies into a single tool which can be used to track at multiple levels. The goal is to have an application that allows CoE leaders to define roles with their competency requirements, and actions or trainings which prove each competency level. Managers and Directors will be able to track profiles with roll ups of competency in specific sections of the workforce.
Application Goals
- This will be an ElectronJS based cross platform application.
- The app will target 3 user roles: Leaders, Managers, Directors
Role Hierarchy Controls Visibility
A). Leaders
Leaders are like super-admins and can:
- Add/edit users of the app
- Create competencies -> sub-competencies -> tasks/trainings/activities
- Add employees (different from users)
- Link tasks/trainings/activities to employees
- Link employees to managers
- View aggregated totals
B). Managers
- Group their employees (By Country/Region, Division, SubGroup, Profile)
- View aggregated totals based on their employees
C). Directors
- Group their managers employees (By Country/Region, Division, SubGroup, Profile)
- View aggregated totals based on the employees that are assigned to their managers and group chosen
Competency Structure Hierarchical:
- Role (Leader, Director, Manager)
-- Competency
--- Sub-Competency
---- Sub-Competency Level
----- Tasks/Trainings/Activities
- Tasks/Trainings/Activities are the required items to meet a sub-competency level
- Each role will only be able to see the competencies (and sub-competency and tasks) that apply to that role
- For example: As the Cybersecurity CoE Leader I can see all competencies I have added and manage them.
- Another example: As a manager whose employees are members of the Cybersecurity CoE I can see all the Competencies that apply to my employees
- A third example: As a director whose manager’s employees may be part of three different CoEs, I can see all three CoE competencies as they apply to the employees who report to the managers that report to me.
Submission Requirements
- For this challenge, you need create design screens that explains the application flow for these different user roles and functionalities explained below
- Design References, check some initial ideas for every required functionalities: https://drive.google.com/open?id=17o_OfGVbvBgiXClqZ-1_cCgtm7Ma6_nF
A). Leaders
1. User management
- User management will consist of these abilities
Listing all users and details
- This page will list all users and their details
- Need to be able to search the users, refer this screenshot: Leader 1.jpeg
- You can grab sample content data from this screenshot: 04-Employee-Data.png
Add/Edit existing users
- This page will create a new user OR editing details for an existing user.
- Users must have roles (Leader, Manager, Director)
- Users must have a password that is securely stored in the backend database
- Users must have a way for disabling/deleting users
- Users must have a way to link to other user’s through a “manager” field
- Managers will have a Director in their manager field
- Unique key used is “EID” (employee ID)
- Username can be E-mail Address
- Need to be able to Group the users based on competency, sub-competency, Level and Activity. Refer to this screenshot: Leader 3.jpeg
2. Listing Competencies
- This page will list all Competencies, refer to this screenshot: Leader 2.jpeg
- You need to display Competencies, sub-competencies, levels and related activities in a collapsible tree structure:
Competency
|_ Sub-Competency
|_ Level
|_ Activity
- You need to add a search function
- Refer to the attached Sample Competency Data document.
3. Add/Edit/Delete Competency Data
- Leaders must be able to create, edit, add and delete competency data
- Sample Competency Data: Tools, Coding, SSD
4. Editing Competencies
- This is the editing feature of Competencies
- The edit page should be similar at every level and should have selections for higher levels. For example, If I am editing/creating an Activity I will need to select the Competency->Sub-Competency->Level it belongs to.
5. Add employee
- This page will be able to add employees & link activities.
- Also, linking employees to Manager Users
- Refer to the attached screenshot: 04-Employee-Data.png for the required fields.
6. Aggregate Totals for Leader
Design Reference: Leader 4.jpeg
- This page will be displaying bar charts showing total employees with a group selection (group by Country/Region, Division, SubGroup, Profile)
- You can use drop down menus to select grouping field
- Leaders will see only the employees competency data they have added and not data other leaders may have added for that employee
B). Manager
Design Reference: Manager Director.jpeg
7. Aggregate Totals for Manager
- Create a page for viewing aggregate totals of Competency roll-ups based on employees completed activities
- Please note Managers can only see their employees data.
- You can use drop down menus to select grouping field
- Bar charts showing total employees per competencies with a group selection (group by Country/Region, Division, SubGroup, Profile)
C). Director
Design Reference: Manager Director.jpeg
8. Aggregate Totals for Director
- Create a page for viewing aggregate totals of Competency roll-ups based on employees completed activities
- Please note Directors can see multiple managers’ employees data.
- You can use drop down menus to select grouping field
- Bar charts showing total employees per competencies with a group selection (group by Country/Region, Division, SubGroup, Profile)
Design Submission Formats:
a). Screen Size: Desktop Standard: 1280px(w) × height as required
b). Design theme, colors, typography.
Font: Open Sans, alternative you can use Arial
Color Palette (Hex Number):
Similar to Material Design, we have placed our colors on a weighted scale from 50-900.
Our 500 (Primary) color is #007BC1 and the 800 on that scale is our Blue equivalent, which is #005EAB. You need grab detail color palette on challenge forum.
d). Submission Design Presentation
- As part of your submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- If you need an MarvelApp Project, send email OR via challenge forum to this following email address: lunarkid@copilots.topcoder.com
- Important! You must include a Share URL/Link to your MarvelApp within your submission notes.
- DO NOT insert MarvelApp Project link! You must copy the link from the “Share” button on the right side of MarvelApp project.
Judging Criteria
- How well you create IoT Power Management Company Tech Assessment Concepts Design!
- Think the best layout and user experience
- Be creative in the approach to develop this product
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
- Submit JPG/PNG image files based on Challenge submission requirements stated above.
- MarvelApp Share link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop/Illustrator/Sketch and saved as 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.
The goal of this challenge is to analyze the provided client sketches, sample data, design problem, and user roles to create design concepts for a Tech Assessment application.
Read more detailed information on the challenge specification. Let’s discuss any questions you may have!
Round 1
Checkpoint Submission Requirements:Initial Tech Assessment Concepts Design for the following user roles on Desktop screen size
A). Leader
Note: Numbering your submission based on the flow.
Round 2
Final Tech Assessment Concepts Design for the following roles on a Desktop screen sizeA). Leader
B). Manager
C). Director
Note: Number your submission based on the flow.
A Large IoT and Power Management Company would like to consolidate all of their employee technical competencies into a single tool which can be used to track at multiple levels. The goal is to have an application that allows CoE leaders to define roles with their competency requirements, and actions or trainings which prove each competency level. Managers and Directors will be able to track profiles with roll ups of competency in specific sections of the workforce.
Application Goals
- This will be an ElectronJS based cross platform application.
- The app will target 3 user roles: Leaders, Managers, Directors
Role Hierarchy Controls Visibility
A). Leaders
Leaders are like super-admins and can:
- Add/edit users of the app
- Create competencies -> sub-competencies -> tasks/trainings/activities
- Add employees (different from users)
- Link tasks/trainings/activities to employees
- Link employees to managers
- View aggregated totals
B). Managers
- Group their employees (By Country/Region, Division, SubGroup, Profile)
- View aggregated totals based on their employees
C). Directors
- Group their managers employees (By Country/Region, Division, SubGroup, Profile)
- View aggregated totals based on the employees that are assigned to their managers and group chosen
Competency Structure Hierarchical:
- Role (Leader, Director, Manager)
-- Competency
--- Sub-Competency
---- Sub-Competency Level
----- Tasks/Trainings/Activities
- Tasks/Trainings/Activities are the required items to meet a sub-competency level
- Each role will only be able to see the competencies (and sub-competency and tasks) that apply to that role
- For example: As the Cybersecurity CoE Leader I can see all competencies I have added and manage them.
- Another example: As a manager whose employees are members of the Cybersecurity CoE I can see all the Competencies that apply to my employees
- A third example: As a director whose manager’s employees may be part of three different CoEs, I can see all three CoE competencies as they apply to the employees who report to the managers that report to me.
Submission Requirements
- For this challenge, you need create design screens that explains the application flow for these different user roles and functionalities explained below
- Design References, check some initial ideas for every required functionalities: https://drive.google.com/open?id=17o_OfGVbvBgiXClqZ-1_cCgtm7Ma6_nF
A). Leaders
1. User management
- User management will consist of these abilities
Listing all users and details
- This page will list all users and their details
- Need to be able to search the users, refer this screenshot: Leader 1.jpeg
- You can grab sample content data from this screenshot: 04-Employee-Data.png
Add/Edit existing users
- This page will create a new user OR editing details for an existing user.
- Users must have roles (Leader, Manager, Director)
- Users must have a password that is securely stored in the backend database
- Users must have a way for disabling/deleting users
- Users must have a way to link to other user’s through a “manager” field
- Managers will have a Director in their manager field
- Unique key used is “EID” (employee ID)
- Username can be E-mail Address
- Need to be able to Group the users based on competency, sub-competency, Level and Activity. Refer to this screenshot: Leader 3.jpeg
2. Listing Competencies
- This page will list all Competencies, refer to this screenshot: Leader 2.jpeg
- You need to display Competencies, sub-competencies, levels and related activities in a collapsible tree structure:
Competency
|_ Sub-Competency
|_ Level
|_ Activity
- You need to add a search function
- Refer to the attached Sample Competency Data document.
3. Add/Edit/Delete Competency Data
- Leaders must be able to create, edit, add and delete competency data
- Sample Competency Data: Tools, Coding, SSD
4. Editing Competencies
- This is the editing feature of Competencies
- The edit page should be similar at every level and should have selections for higher levels. For example, If I am editing/creating an Activity I will need to select the Competency->Sub-Competency->Level it belongs to.
5. Add employee
- This page will be able to add employees & link activities.
- Also, linking employees to Manager Users
- Refer to the attached screenshot: 04-Employee-Data.png for the required fields.
6. Aggregate Totals for Leader
Design Reference: Leader 4.jpeg
- This page will be displaying bar charts showing total employees with a group selection (group by Country/Region, Division, SubGroup, Profile)
- You can use drop down menus to select grouping field
- Leaders will see only the employees competency data they have added and not data other leaders may have added for that employee
B). Manager
Design Reference: Manager Director.jpeg
7. Aggregate Totals for Manager
- Create a page for viewing aggregate totals of Competency roll-ups based on employees completed activities
- Please note Managers can only see their employees data.
- You can use drop down menus to select grouping field
- Bar charts showing total employees per competencies with a group selection (group by Country/Region, Division, SubGroup, Profile)
C). Director
Design Reference: Manager Director.jpeg
8. Aggregate Totals for Director
- Create a page for viewing aggregate totals of Competency roll-ups based on employees completed activities
- Please note Directors can see multiple managers’ employees data.
- You can use drop down menus to select grouping field
- Bar charts showing total employees per competencies with a group selection (group by Country/Region, Division, SubGroup, Profile)
Design Submission Formats:
a). Screen Size: Desktop Standard: 1280px(w) × height as required
b). Design theme, colors, typography.
Font: Open Sans, alternative you can use Arial
Color Palette (Hex Number):
Similar to Material Design, we have placed our colors on a weighted scale from 50-900.
Our 500 (Primary) color is #007BC1 and the 800 on that scale is our Blue equivalent, which is #005EAB. You need grab detail color palette on challenge forum.
d). Submission Design Presentation
- As part of your submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- If you need an MarvelApp Project, send email OR via challenge forum to this following email address: lunarkid@copilots.topcoder.com
- Important! You must include a Share URL/Link to your MarvelApp within your submission notes.
- DO NOT insert MarvelApp Project link! You must copy the link from the “Share” button on the right side of MarvelApp project.
Judging Criteria
- How well you create IoT Power Management Company Tech Assessment Concepts Design!
- Think the best layout and user experience
- Be creative in the approach to develop this product
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
- Submit JPG/PNG image files based on Challenge submission requirements stated above.
- MarvelApp Share link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop/Illustrator/Sketch and saved as 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.
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.