Challenge Summary
Welcome to Enterprise Monitoring Management Tool Responsive Design Concepts Challenge! Our client wants to build a responsive Admin Console to help manage, view and be proactive for employees PC hardware/software.
In the end, we are looking for an easy to use app, focused on a great user experience. Think of modern UX design and how cool this suite management system could look and work.
Architect challenge that this design coordinates with:
http://www.topcoder.com/challenge-details/30048592
Round 1
Submit your design for a Checkpoint feedback:
1. Login screen.
2. Dashboard.
3. All Devices view.
- Please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus Checkpoint feedback:
1. Login screen.
2. Dashboard.
3. All Devices view.
4. Single/detail view.
- Please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
Our client wants to build a responsive System Monitoring tool to help manage the status of equipment that has been provisioned. Equipment includes Windows Laptops/Desktops, Chromebooks and Macs/Macbooks.
Design Goals:
- Customer would like to see view of diagnostics and information that is syncing from different source type machines.
- Customer are IT admins and would like to summarize, group, search, filter and sort the data in different ways. Examples:
-- Group on device type/OS.
-- Group on user (as they may have multiple devices).
-- Filter on all fields.
-- Sort on all fields.
-- Search on all fields.
- Customer also needs some sort of alert/case created when configured workflows are triggered. For example: a PCs Memory Usage > 90%, that would escalate a case so the admin team can look into it. This ought to be a prominent list at the top of the Dashboard.
Consider this scenario:
- When viewing/hovering over a single machine, a hover might include:
-- User/Machine specific summary of running apps.
-- CPU Temperature.
-- CPU usage.
-- Memory usage.
-- Storage usage.
Design Notes:
- In this challenge, for now we need you to provide the desktop size only, but please consider we need this app to be responsive, so it will be easier in the future to develop on smaller devices like tablets or mobile.
- Please provide screens to show how the screens interactions work, hovering, active or inactive buttons etc.
Branding:
Colors:
- #06439C
- #3A9FCB
- White
Fonts:
- Open to the designer
Size:
- Desktop size 1024px wide
Stock photography is allowed.
Suggested Screens:
We would like you to suggest features/screens that this tool should incorporate.
1. Login screen:
- Clean background/image with branding. Simple/standard and centered log in.
- Please show error validation.
2. Dashboard:
- Included any raised issues. (there will be configurable workflows that if they meet criteria, will escalate an issue for the team)
3. All Devices view:
- Upon clicking on one of the devices a user will see a screen with a summarized view by device types.
- From there they can drill down or click “Show All” which will begin to display each individual machine.
- Defaulting to sort by device type/user; display ~20 records per page.
- We are looking for your ideas for the UX to display these results.
4. Single/detail view:
- This screen will show the details of each machine.
- Detail might include: Device/Machine type, OS, user, email etc.
- For each machine it will have the diagnostic data as children records underneath it. Main purpose is to sync diagnostics/info multiple times a day but then mostly use it to sum up. However we can view it at a machine basis.
Target Audience
- Internal IT crew whom are responsible for maintenance of PCs (and other devices) for ~130K employees.
Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
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.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
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.