Challenge Summary
Welcome to "GUARD - Simplification Programme Platform Design Concepts Challenge". In this challenge, we need your help to create the best possible UI/UX for our Simplification Programme platform which will be used by our employee to list all internal project or application that no longer useful in the company and ready to be decommissioned. 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!
1) Login Page
2) Home Page
3) BU/Programme Page
4) Project Details Page
- 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 Page
2) Home Page
3) BU/Programme Page
4) Project Details Page
5) User management
6) Contact Us
- 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
A joint team of Enterprise Operations and IT Services has been collaborating with Business Units and Central IT teams to collect as many as possible internal projects/Apps for consideration to be decommissioned. Prior to the initiation of this exercise, there are 275 applications were listed for decommissioning because of these app no longer useful and/or need a complete overhaul from a UI/UX and API perspective.
BUs and IT Services teams were requested to select any apps that still useful and have a purpose (in terms of experience or the information inside it) on top of these identified applications to ensure the savings targets for 2019 can be met. Right now they have too many apps and it takes a lot of budgets to maintain all of them. Part of displaying this "ugly long list" will help the business sunset things that aren't in use or combine things going forward.
BU project/app have been prioritized and the presented Cost-Benefit Analysis (CBA) has been elaborated/ justified by the application owners (target owners in the proposals of shared platforms/utilities).
Challenge Goals
- Create a platform that able to incentivize, promote decommissioning, spread awareness and give understanding to our user about the simplification orchestration approach, providing a clear unified view of the project/app/initiatives and the evolving landscape.
- This app should give insight to the user so they can be selective when investing in ongoing application efforts and also sunset applications that are no longer viable in the future state of the business.
User Flow
1) Access
- User enters login page
- Users have option to enter as a guest (all visitors), or register if they are new or log in if they are a returning user
- Registration form contains: email, user type: Guest, BU, Program Overseer & Admin
- Admin to receive mail notification to approve access
- Users notified when user access added
- User Type:
-- Guest - Read Only & only able to view General home page and published documents
-- BU - Access to corresponding BU projects and scorecards. Able to view General home page and published documents
-- Program - Access to all BU projects and scorecards. Able to view General home page and published documents
-- Admin - User management. Access to all BU projects and scorecards. Able to view General home page and published documents
2) Navigation
- Once logged in the Home page displaying will display general publication view & announcements (for Guest views and other users)
- BU/Program page: List of Projects
- Project Page: Information on specific project (Cost-Benefit Analysis, Scorecards, etc)
- Must be possible to navigate between pages/views: Homepage, BU/Program Page & Project Pages
Design Consideration
- This platform is to simply publish announcements, articles, documents, scorecards & reports. This platform is more about information promotion and provisioning - so not a lot of functionality other than typical dashboard information and 1-level drill downs. Users are not expected to update artefacts
- This platform will be hosted internally
- No historic artefacts will be stored as official current published artefacts will be available (Teams won't be able to access the actual applications or core code)
- Published documents will be in MS Office (PowerPoint or EXCEL) and PDF formats only
- We want the design to be vibrant and use as many different colours from the corporate pallet as is allowed. However, there must not be a deviation from the allowed colours.
- Easy to understand flow from page to page, users can go back and exit throughout.
Design Compatibility
- Responsive website (can work on desktops & mobile devices)
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Simple, clean, modern.
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
Design Usability
- Simple; not too many steps involved in any part
- Easy; to understand the navigation from section to section
- Fast; and efficient experience
Target Devices
- Desktop: 1366px Width with Height adjusting accordingly
- Mobile: 750px x 1334px
Branding Guidelines
- Ask in Forum for Access to Branding Guidelines
- Modern Crisp look and feel adhering to our standards.
- Follow our Branding Guidelines Document for design style, font, and colours.
- Designs should reuse our SDK components as much as possible (in cases you need a component is not in the list you can use a one designed by you)
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=621710
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 Page
- User can choose to view the platform using Guest mode or Logged in to the app using their credential.
- Provide 'Guest' button/link to accommodate non-registered user (limited access, Read Only & only able to view General home page and published documents)
- Provide Login form for returning users (username/password)
- Provide registration form for new users
2) Home Page
- Display general documents, announcements, news and reports from all listed project/app for Guest views and other users
- Show how the homepage will look like for Guest and other User?
- Recent List of project/app added to the platform?
- Provide a quick Search and filter function
- History of user activity?
3) BU/Programme Page
- Show complete list of Project/App with data from tracker
- Ability to filter and grouping project/app based on location, functionality, department, etc?
- Show summary of Project/App data
- Sorting project/app
- Show year by year investment and the data projection for future treatment
- Provide status of the Project/App (Green, Amber and Red to assess project health)
- Clean up the groupings of the projects by Business Unit (and or by prioritization) and or a top 10 look by highest prioritization and or by projects in red
- Looking for limited text in how we express details about the project, project health - it is about high-level context, not the deep details
- Big number rounded in the Millions; evaluating investment of the project vs projected savings after the implementation (benefits from Y1, Y2 and Y3) the better the ratio the more green (good projects with higher quicker return get the priority and are green)
4) Project Details Page
- One page breakdown of project with financial figures
- Provide summary of the project/app (what the project/app do, reason why it’s created at the first place, etc)
- Show Key Financials
- Review Milestones for the project/app
- Sorting function for project lists
- Scorecard of the Project/App
- Ability to publish existing artefacts (incl. notifications) / publish announcements, articles, documents, scorecards & repo
- View all artefacts documentation
- Ability to share artefacts documentation
- Assessment Summary?
- Ability to mark whether the project/app should go to “Simplification Funding” or “Re-structuring (APG Feedback)”
5) User management
- Ability to add/remove people on the platform
- View user log history
- Ability to grouping people based on the project/app
6) Contact Us
- Function to help easy engagement
- Live chat? email form? list of contact person or support?
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 within your notes/comment this link while you upload).
Documentation
- Please ask in forum for access to documentation
- Branding Guidelines Document, The design must be aligned with our guideline.
- SDK Kit, The design must be aligned with the SDK in terms of Style (font, icons, colours) & Layout.
IMPORTANT!! We are looking for creativity here, use Branding and SDK as references about colours, font, but don’t let them limit your creativity. So, Creativity First, Branding and SDK Second!
Target Audience
- General audience interested in general published documentation regarding the program
- Specific BUs entering into platform to review available documentation
- Program level and SteerCo members viewing
- Program team members actively working on orchestration
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 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 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
Round 1
Submit your initial design for a Checkpoint Feedback (Desktop and Mobile)1) Login Page
2) Home Page
3) BU/Programme Page
4) Project Details Page
- 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 Updates (Desktop and Mobile)1) Login Page
2) Home Page
3) BU/Programme Page
4) Project Details Page
5) User management
6) Contact Us
- 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
A joint team of Enterprise Operations and IT Services has been collaborating with Business Units and Central IT teams to collect as many as possible internal projects/Apps for consideration to be decommissioned. Prior to the initiation of this exercise, there are 275 applications were listed for decommissioning because of these app no longer useful and/or need a complete overhaul from a UI/UX and API perspective.
BUs and IT Services teams were requested to select any apps that still useful and have a purpose (in terms of experience or the information inside it) on top of these identified applications to ensure the savings targets for 2019 can be met. Right now they have too many apps and it takes a lot of budgets to maintain all of them. Part of displaying this "ugly long list" will help the business sunset things that aren't in use or combine things going forward.
BU project/app have been prioritized and the presented Cost-Benefit Analysis (CBA) has been elaborated/ justified by the application owners (target owners in the proposals of shared platforms/utilities).
Challenge Goals
- Create a platform that able to incentivize, promote decommissioning, spread awareness and give understanding to our user about the simplification orchestration approach, providing a clear unified view of the project/app/initiatives and the evolving landscape.
- This app should give insight to the user so they can be selective when investing in ongoing application efforts and also sunset applications that are no longer viable in the future state of the business.
User Flow
1) Access
- User enters login page
- Users have option to enter as a guest (all visitors), or register if they are new or log in if they are a returning user
- Registration form contains: email, user type: Guest, BU, Program Overseer & Admin
- Admin to receive mail notification to approve access
- Users notified when user access added
- User Type:
-- Guest - Read Only & only able to view General home page and published documents
-- BU - Access to corresponding BU projects and scorecards. Able to view General home page and published documents
-- Program - Access to all BU projects and scorecards. Able to view General home page and published documents
-- Admin - User management. Access to all BU projects and scorecards. Able to view General home page and published documents
2) Navigation
- Once logged in the Home page displaying will display general publication view & announcements (for Guest views and other users)
- BU/Program page: List of Projects
- Project Page: Information on specific project (Cost-Benefit Analysis, Scorecards, etc)
- Must be possible to navigate between pages/views: Homepage, BU/Program Page & Project Pages
Design Consideration
- This platform is to simply publish announcements, articles, documents, scorecards & reports. This platform is more about information promotion and provisioning - so not a lot of functionality other than typical dashboard information and 1-level drill downs. Users are not expected to update artefacts
- This platform will be hosted internally
- No historic artefacts will be stored as official current published artefacts will be available (Teams won't be able to access the actual applications or core code)
- Published documents will be in MS Office (PowerPoint or EXCEL) and PDF formats only
- We want the design to be vibrant and use as many different colours from the corporate pallet as is allowed. However, there must not be a deviation from the allowed colours.
- Easy to understand flow from page to page, users can go back and exit throughout.
Design Compatibility
- Responsive website (can work on desktops & mobile devices)
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Simple, clean, modern.
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
Design Usability
- Simple; not too many steps involved in any part
- Easy; to understand the navigation from section to section
- Fast; and efficient experience
Target Devices
- Desktop: 1366px Width with Height adjusting accordingly
- Mobile: 750px x 1334px
Branding Guidelines
- Ask in Forum for Access to Branding Guidelines
- Modern Crisp look and feel adhering to our standards.
- Follow our Branding Guidelines Document for design style, font, and colours.
- Designs should reuse our SDK components as much as possible (in cases you need a component is not in the list you can use a one designed by you)
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=621710
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 Page
- User can choose to view the platform using Guest mode or Logged in to the app using their credential.
- Provide 'Guest' button/link to accommodate non-registered user (limited access, Read Only & only able to view General home page and published documents)
- Provide Login form for returning users (username/password)
- Provide registration form for new users
2) Home Page
- Display general documents, announcements, news and reports from all listed project/app for Guest views and other users
- Show how the homepage will look like for Guest and other User?
- Recent List of project/app added to the platform?
- Provide a quick Search and filter function
- History of user activity?
3) BU/Programme Page
- Show complete list of Project/App with data from tracker
- Ability to filter and grouping project/app based on location, functionality, department, etc?
- Show summary of Project/App data
- Sorting project/app
- Show year by year investment and the data projection for future treatment
- Provide status of the Project/App (Green, Amber and Red to assess project health)
- Clean up the groupings of the projects by Business Unit (and or by prioritization) and or a top 10 look by highest prioritization and or by projects in red
- Looking for limited text in how we express details about the project, project health - it is about high-level context, not the deep details
- Big number rounded in the Millions; evaluating investment of the project vs projected savings after the implementation (benefits from Y1, Y2 and Y3) the better the ratio the more green (good projects with higher quicker return get the priority and are green)
4) Project Details Page
- One page breakdown of project with financial figures
- Provide summary of the project/app (what the project/app do, reason why it’s created at the first place, etc)
- Show Key Financials
- Review Milestones for the project/app
- Sorting function for project lists
- Scorecard of the Project/App
- Ability to publish existing artefacts (incl. notifications) / publish announcements, articles, documents, scorecards & repo
- View all artefacts documentation
- Ability to share artefacts documentation
- Assessment Summary?
- Ability to mark whether the project/app should go to “Simplification Funding” or “Re-structuring (APG Feedback)”
5) User management
- Ability to add/remove people on the platform
- View user log history
- Ability to grouping people based on the project/app
6) Contact Us
- Function to help easy engagement
- Live chat? email form? list of contact person or support?
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 within your notes/comment this link while you upload).
Documentation
- Please ask in forum for access to documentation
- Branding Guidelines Document, The design must be aligned with our guideline.
- SDK Kit, The design must be aligned with the SDK in terms of Style (font, icons, colours) & Layout.
IMPORTANT!! We are looking for creativity here, use Branding and SDK as references about colours, font, but don’t let them limit your creativity. So, Creativity First, Branding and SDK Second!
Target Audience
- General audience interested in general published documentation regarding the program
- Specific BUs entering into platform to review available documentation
- Program level and SteerCo members viewing
- Program team members actively working on orchestration
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 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 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.