Challenge Summary
Welcome to the "Business Intelligence Dashboard Design Concepts Challenge"! In this challenge, we want to create a new platform that shows an aggregated representation of various data sources with a special focus on Visualization and actionable intelligence for Top Level Management in Organization. We are looking for design concepts and new ways to think about the user interface in this challenge. We are looking for your best ideas and concepts! Let us know if you have any questions!
2) Dashboard Screen
3) Stream Details Screens
3.1) Business Metric
3.2) Team maturity
3.3) Platform specific certification
3.4) Company learning academy and Conference
- 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 correct flow. Use the proper file numbers, (1, 2, 3, etc.)
1) Login/sign up screen
2) Dashboard Screen
3) Stream Details Screens
3.1) Business Metric
3.2) Team maturity
3.3) Platform specific certification
3.4) Company learning academy and Conference
3.5) Delivery Centre Performance
3.6) Monolith to Micro services
3.7) Financial Performance (numbers in USD)
- 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 correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
The objective of this platform is to get an aggregated representation of the various data sources to the management team with special focus on Visualization and actionable intelligence. Having “right information at the right time” available to management and decision makers empowers them to act in relation to corporate or departmental goals with more agility.
Data representation can be grouped into the following streams:
1) Business performance Metrics, Stream to track the overall metrics for the software delivery performance across the programme and also the quality of the delivery
2) Team capability maturity, The maturity model is a guide for High Performing Teams to assess and improve maturity. The scores shows how they are tracking with respect to the maturity model. The goal is to improve the end to end metrics. Stream objective is to ensure that the agreed number of teams achieve the level of maturity.
3) Platform specific certification, These are Software Delivery Platforms on which the applications are hosted. This stream is to encourage applications to be migrated to the SDP and also track how many application have been migrated and how many are in pipeline
4) Monolith to Microservices, Stream to track how many applications are broken down from Monolith to Microservices architecture.
5) Company learning Academy, Track the Learning academy which offers multiple training courses to upskill our engineers within the Software Delivery Organization.
6) Financial Performance, Steam to track how we are tracking with respect to agreed financial goals.
7) Delivery center Performance, Track the overall data of the global delivery centres that are in place.
Challenge Goals
To provide visualization for various data source in an easy, simple, and fresh UI/UX to Top Level Management so they can be making better decision and act in relation to corporate or departmental goals with more agility.
Design Consideration
- Neat interaction and user flows!
- Application should provide an intuitive process
- Looking for a fresh user-experience!
- This is going to be developed as a Responsive Application.
- UI should be responsive for smaller form factor.
- UI should be build using latest well-known frameworks like: Semantic UI, Bootstrap 4, Foundation 6
- The chart metrics is open to designers, hence the design should be possible on web charting libraries like d3.js or highcharts.js.
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=621595
Screen Requirements
For this challenge, we are looking for the below pages to be designed/considered in your concepts. The screen 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.
1) Login/sign up screen
- User needs to login before able to use the platform
- If user don't have credential yet, they can register to the platform using their email or social media
- Provide ordinary login form (username/password) along with some error scenario
- Login via social media?
2) Dashboard Screen
- Dashboard containing overview of all the streams which provides a high level view
- Ability to click an individual stream to view its details
3) Stream Details Screens
- When you click on specific stream on dashboard, the user will be able to view detailed metrics about the stream
- Every metric will be used to check the progress/efficiency of the team. Here is how the data is structured, every stream has a set of Metrics that is measured. In each of the streams, the hierarchy is made of teams SO the requirement is to be able to see Summary of Performance in the following views:
-- Overall Metrics performance across the various streams
-- Individual Stream Performance on key stream specific metrics – Will have team level summary as well
-Team level views
- All metrics should be represented as the following:
-- Point in time representation: Performance (value) at a given point in time. For example, Lead time as on 24-Jan
-- Trending over a period of time: Lead time for the last 10 weeks (trend charts)
-- Comparison against target: Compared against a threshold or target e.g Lead time on 24-Jan is 100 days against target of 50 days
- We will need to see each stream details with the metrics they should have:
3.1) Business Metric
- Lead Time
- Cycle Time
- Deployment Frequency
- Service Uptime
- Meantime to Restoration (MTTR)
- Change fail rat
3.2) Team maturity
- Maturity of the team is calculated using assessment of various dimensions
- Maturity is graded on scale of 1 to 5
- Depending on the score of dimension we can find the opportunity were the team can improve.
- Maturity is used to calculate the level of team
- Each team must undergo assessment twice in a year
- We can show various status as shown below:
-- No of agile teams @ L3 to L5
-- Tracked on a Quarterly basis
3.3) Platform specific certification
- There are 3 different platforms on which our applications are deployed:
-- Platform 1
--- Type A
--- Type B
-- Platform 2
-- Platform 3
- Each platform is certified either as:
-- Basic
-- Standard
-- Enhanced
- No of apps migrated into the platform and No of apps in pipeline to be migrated
- The stats for each platform should have:
-- Current Certification
-- Next Certification planned
3.4) Company learning academy and Conference
- Employee can opt for course, get the training of that course and give the assessment to obtain the certification
- Employee can add aspired skills and opt for assessment on that skills.
- It contains details such as:
-- No of courses
-- No of engineers trained
-- No of engineers certified
- Regarding Conferences, the following details are required
-- No of Conferences organized
-- Upcoming Conferences
- Employee can add aspired skills and opt for assessment on that skills
3.5) Delivery Centre Performance
- Team members can be located at different Development Centers of the firm which are geographically distributed and can have team members from partner firms
- There should be stats for:
-- Total No of Centers
-- Total Seating Capacity
-- Teams
--- No of Permanent staff
--- No of Partner staff
-- % Utilization Occupancy
--- Center wise (Center – Location) utilization of: Seat Capacity, Seats Occupied, No of Permanent Employees, No of Interns, No of Partners
- We need to show the Delivery Centre performance by following metrics:
-- Avg. experience of the employees
-- Skills of employees
-- Permanent to partner ratio
-- Gender ratio
-- Center Utilization ratio
-- Project, they are working on
- Get the hierarchical view of the Delivery Centre performance
- Get Geo Specific View
- Key contact person of the centre
- Dominant skills in the centre
- Project performance
3.6) Monolith to Micro services
- No of monoliths decoupled to Microservices
- No of monoliths in pipeline to be decoupled
3.7) Financial Performance (numbers in USD)
- CAPEX (capital Expenditure)
-- Committed Benefits
-- Realized Benefits
-- Difference
-- Next Claim
-- ETA (Estimated Time Of Arrival)
-- Status
- OPEX (Operational Expenditure)
-- Committed Benefits
-- Realized Benefits
-- Difference
-- Next Claim
-- ETA (Estimated Time Of Arrival)
-- Status
Branding Guidelines
- Focus on Desktop only for this challenge
- Colors and branding – Open to Designers!
- Screen Size: 1366px width and height as required (Desktop)
- This should be a professional looking application with an engaging and modern theme
- We are looking for your concepts and ideas to about the best possible UI/UX for this platform!
Documentation
- Sample Data
MarvelApp 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 within your notes while you upload).
Target Audience
The application will be used by the leadership team like:
- Chief Operations Officer,
- Chief Information Officer (CIO),
- Chief Technical Officer (CTO) and their Direct Reports.
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 the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
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 for your submission files.
- Submit Marvel App for your design.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Sketch!
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Round 1
Submit your initial design for a Checkpoint Feedback2) Dashboard Screen
3) Stream Details Screens
3.1) Business Metric
3.2) Team maturity
3.3) Platform specific certification
3.4) Company learning academy and Conference
- 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 correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Round 2
Submit your Final Design plus Checkpoint Updates1) Login/sign up screen
2) Dashboard Screen
3) Stream Details Screens
3.1) Business Metric
3.2) Team maturity
3.3) Platform specific certification
3.4) Company learning academy and Conference
3.5) Delivery Centre Performance
3.6) Monolith to Micro services
3.7) Financial Performance (numbers in USD)
- 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 correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
The objective of this platform is to get an aggregated representation of the various data sources to the management team with special focus on Visualization and actionable intelligence. Having “right information at the right time” available to management and decision makers empowers them to act in relation to corporate or departmental goals with more agility.
Data representation can be grouped into the following streams:
1) Business performance Metrics, Stream to track the overall metrics for the software delivery performance across the programme and also the quality of the delivery
2) Team capability maturity, The maturity model is a guide for High Performing Teams to assess and improve maturity. The scores shows how they are tracking with respect to the maturity model. The goal is to improve the end to end metrics. Stream objective is to ensure that the agreed number of teams achieve the level of maturity.
3) Platform specific certification, These are Software Delivery Platforms on which the applications are hosted. This stream is to encourage applications to be migrated to the SDP and also track how many application have been migrated and how many are in pipeline
4) Monolith to Microservices, Stream to track how many applications are broken down from Monolith to Microservices architecture.
5) Company learning Academy, Track the Learning academy which offers multiple training courses to upskill our engineers within the Software Delivery Organization.
6) Financial Performance, Steam to track how we are tracking with respect to agreed financial goals.
7) Delivery center Performance, Track the overall data of the global delivery centres that are in place.
Challenge Goals
To provide visualization for various data source in an easy, simple, and fresh UI/UX to Top Level Management so they can be making better decision and act in relation to corporate or departmental goals with more agility.
Design Consideration
- Neat interaction and user flows!
- Application should provide an intuitive process
- Looking for a fresh user-experience!
- This is going to be developed as a Responsive Application.
- UI should be responsive for smaller form factor.
- UI should be build using latest well-known frameworks like: Semantic UI, Bootstrap 4, Foundation 6
- The chart metrics is open to designers, hence the design should be possible on web charting libraries like d3.js or highcharts.js.
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=621595
Screen Requirements
For this challenge, we are looking for the below pages to be designed/considered in your concepts. The screen 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.
1) Login/sign up screen
- User needs to login before able to use the platform
- If user don't have credential yet, they can register to the platform using their email or social media
- Provide ordinary login form (username/password) along with some error scenario
- Login via social media?
2) Dashboard Screen
- Dashboard containing overview of all the streams which provides a high level view
- Ability to click an individual stream to view its details
3) Stream Details Screens
- When you click on specific stream on dashboard, the user will be able to view detailed metrics about the stream
- Every metric will be used to check the progress/efficiency of the team. Here is how the data is structured, every stream has a set of Metrics that is measured. In each of the streams, the hierarchy is made of teams SO the requirement is to be able to see Summary of Performance in the following views:
-- Overall Metrics performance across the various streams
-- Individual Stream Performance on key stream specific metrics – Will have team level summary as well
-Team level views
- All metrics should be represented as the following:
-- Point in time representation: Performance (value) at a given point in time. For example, Lead time as on 24-Jan
-- Trending over a period of time: Lead time for the last 10 weeks (trend charts)
-- Comparison against target: Compared against a threshold or target e.g Lead time on 24-Jan is 100 days against target of 50 days
- We will need to see each stream details with the metrics they should have:
3.1) Business Metric
- Lead Time
- Cycle Time
- Deployment Frequency
- Service Uptime
- Meantime to Restoration (MTTR)
- Change fail rat
3.2) Team maturity
- Maturity of the team is calculated using assessment of various dimensions
- Maturity is graded on scale of 1 to 5
- Depending on the score of dimension we can find the opportunity were the team can improve.
- Maturity is used to calculate the level of team
- Each team must undergo assessment twice in a year
- We can show various status as shown below:
-- No of agile teams @ L3 to L5
-- Tracked on a Quarterly basis
3.3) Platform specific certification
- There are 3 different platforms on which our applications are deployed:
-- Platform 1
--- Type A
--- Type B
-- Platform 2
-- Platform 3
- Each platform is certified either as:
-- Basic
-- Standard
-- Enhanced
- No of apps migrated into the platform and No of apps in pipeline to be migrated
- The stats for each platform should have:
-- Current Certification
-- Next Certification planned
3.4) Company learning academy and Conference
- Employee can opt for course, get the training of that course and give the assessment to obtain the certification
- Employee can add aspired skills and opt for assessment on that skills.
- It contains details such as:
-- No of courses
-- No of engineers trained
-- No of engineers certified
- Regarding Conferences, the following details are required
-- No of Conferences organized
-- Upcoming Conferences
- Employee can add aspired skills and opt for assessment on that skills
3.5) Delivery Centre Performance
- Team members can be located at different Development Centers of the firm which are geographically distributed and can have team members from partner firms
- There should be stats for:
-- Total No of Centers
-- Total Seating Capacity
-- Teams
--- No of Permanent staff
--- No of Partner staff
-- % Utilization Occupancy
--- Center wise (Center – Location) utilization of: Seat Capacity, Seats Occupied, No of Permanent Employees, No of Interns, No of Partners
- We need to show the Delivery Centre performance by following metrics:
-- Avg. experience of the employees
-- Skills of employees
-- Permanent to partner ratio
-- Gender ratio
-- Center Utilization ratio
-- Project, they are working on
- Get the hierarchical view of the Delivery Centre performance
- Get Geo Specific View
- Key contact person of the centre
- Dominant skills in the centre
- Project performance
3.6) Monolith to Micro services
- No of monoliths decoupled to Microservices
- No of monoliths in pipeline to be decoupled
3.7) Financial Performance (numbers in USD)
- CAPEX (capital Expenditure)
-- Committed Benefits
-- Realized Benefits
-- Difference
-- Next Claim
-- ETA (Estimated Time Of Arrival)
-- Status
- OPEX (Operational Expenditure)
-- Committed Benefits
-- Realized Benefits
-- Difference
-- Next Claim
-- ETA (Estimated Time Of Arrival)
-- Status
Branding Guidelines
- Focus on Desktop only for this challenge
- Colors and branding – Open to Designers!
- Screen Size: 1366px width and height as required (Desktop)
- This should be a professional looking application with an engaging and modern theme
- We are looking for your concepts and ideas to about the best possible UI/UX for this platform!
Documentation
- Sample Data
MarvelApp 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 within your notes while you upload).
Target Audience
The application will be used by the leadership team like:
- Chief Operations Officer,
- Chief Information Officer (CIO),
- Chief Technical Officer (CTO) and their Direct Reports.
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 the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
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 for your submission files.
- Submit Marvel App for your design.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Sketch!
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
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.