Challenge Summary
Welcome to Pixel(TM) - Analytics Design Standardization Challenge!
This challenge purpose is to update the look, feel and user experience of screens from different applications to fit the provided Pixel(TM) client style guidelines. Also, as part of your submission, we want to see a fresh look and feel generally based on the provided style guidelines.
At the end of challenge, we’re expecting all screens to look similar to the Pixel(TM) examples provided and conform to the provided guidelines. Optionally, we are hoping you will include some variations on the design and provide a fresh look and feel so it can enhance user experience. More details about the optional bonus prizes below.
Challenge Description:
The current look and feel of Pixel(TM) Screens is going to be the standard for other related applications. You are strongly recommended to take a look at the actual application screens (Screens.zip). We included screenshots so you can see both examples of the Pixel(TM) style and what we currently have for the screens that need to be redesigned. By reviewing these screens you can think of ideas and solutions to improve it.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX). Community members should feel free to suggest other forms of interaction and UX improvements for this project.
Branding Guidelines:
- Pixel(TM) Style guide (Pixel(TM) Styleguide.zip).
Target devices:
- Desktop: Width of 1280px and height as required.
Supporting Documents:
- Pixel(TM) Screenshots (Screens.zip).
Challenge Goals:
- Redesign Pixel(TM) Screens by following Pixel(TM) style guide.
- Enhance the user experience.
- Enhance look and feel.
Design Considerations:
- Focus on the user experience of each page and make sure each page has a complete flow.
- Give importance to the overall layout and think about how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path, so we can see how the interactions fit together in the application.
Notes:
- The screens are not for the same app so you don’t need to worry about gathering them and present them as one.
- All redesigned screens should follow the style guide and need to look consistent.
1- Accounts Receivable & CAPEX:
- Please refer to RandCapEx.png
- This is an overview of Accounts Receivable & Capex.
2- Executive Overview:
- Please refer to ExecutiveOverview.png
- This is an overview of Executive dashboard.
3- Operating Expenses:
- Please refer to OperatingExpenses.png
- This is an overview of Operating Expenses.
4- Profitability Analysis:
- Pease refer to ProfitibilityAnalysis.png
- This is an overview of Profitability Analysis.
5- Benefits Tracking:
- Please refer to BENEFITS TRACKING.png
- This is an overview of Benefits Tracking.
6- Category Sourcing:
- Please refer to CATEGORY SOURCING.png
- This is an overview of Category Sourcing.
7- Eciexecutive View:
- Please refer to ECIEXECUTIVE VIEW.png
- This is an overview of Eciexecutive View.
8- Spend Analytics:
- Please refer to SPEND ANALYTICS.png
- This is an overview of Spend Analytics.
9- Forecast Accuracy Analysis Dashboard:
- Please refer to Forecast Accuracy Analysis Dashboard.png
- Evaluate forecast accuracy over the past year, broken down by Item or Location.
10- Inv/Service Level Analysis Dashboard:
- Please refer to InvService Level InvDriver Analysis Dashboard.png
- Service Levels and Inventory, broken down by Product and Geographic dimensions; providing a way to quickly scope product categories or locations with high inventory, poor service or a combination of each.
11- Scenario Analysis Dashboard:
- Please refer to Scenario Analysis Dashboard.png.
- Manipulate drivers of Inventory Components to simulate impact and identify further opportunity
12- Supply Chain Health Dashboard:
- Please refer to Supply Chain Health Dashboard.png
- Executive overview of Supply Chain performance indicators relative to targets.
13- Opportunities:
- Please refer to:
-- Opportunities _ Levers - Drivers _ Waterfall 1.png
-- Opportunities _ Levers - Drivers _ Waterfall 2.png
-- Opportunities _ Levers - Share Price Sensitivity.png
- This is an overview of opportunities drivers, waterfall and share price.
14- Analytics DNA Chart:
- Please refer to Strategic Context - DNA Chart.png
- This is an overview of analytics as DNA chart.
15- Analytics S Curve:
- Please refer to Strategic Context - S-Curve.png
- This is an overview of analytics as S curve.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target Audience:
- Pixel(TM) employees.
Winners will be chosen based on the below (listed in order of importance):
- Overall quality of the deliverables.
- Conformity to design standard and example screens.
- Polish.
- Creating innovative variations of screens.
Innovative variation bonus:
- In addition to the regular RUX prize structure, this challenge will pay a bonus prize to some submissions which provide an alternate view of some information.
- $500 bonus prize for the most innovative redesign of one of the screens.
- $300 bonus prize for the second most innovative redesign.
- 0 to 5 $150 bonus prizes.
How we will judge the innovations:
- Does the design make use of new styles to make improvements on the overall design of graphs? (desired)
- Does the design make use of new styles to make improvements on the overall design of the application? (desired)
- Does the design show the data organized in a new way, such as a new type of graph? (highly desired but only if the new representation gives new meaningful insights)
- Does the design combine data from different graphs or break down the data? (highly desired but only if the new representation gives new meaningful insights)
- Does the design still fit the given design style? (desired, but not important)
What are new meaningful insights?
Each screen being designed shows information that is valuable in a certain business context. Owners can derive meaning from and make better business decisions by analyzing the right data. The accessibility of those business insights is influenced by how the data is represented on graphs. Consider if you were a business owner in various fields and industries. What views on the information in these screens might you wish you could see? You are encouraged to include an explanation with your submission about why you think your design provides new meaningful insights. You are also welcome to focus on stylistic innovations or winning the main prizes via conformity. We realize the meaningfulness of insights is highly subjective and so we have tried to represent that in our prize structure. If your innovation provides
NOTE: You must complete all screens with conformity to win the main prize, however you can still win an innovative variation bonus even if you have not completed all required screens in addition to your variation.
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.
This challenge purpose is to update the look, feel and user experience of screens from different applications to fit the provided Pixel(TM) client style guidelines. Also, as part of your submission, we want to see a fresh look and feel generally based on the provided style guidelines.
At the end of challenge, we’re expecting all screens to look similar to the Pixel(TM) examples provided and conform to the provided guidelines. Optionally, we are hoping you will include some variations on the design and provide a fresh look and feel so it can enhance user experience. More details about the optional bonus prizes below.
Challenge Description:
The current look and feel of Pixel(TM) Screens is going to be the standard for other related applications. You are strongly recommended to take a look at the actual application screens (Screens.zip). We included screenshots so you can see both examples of the Pixel(TM) style and what we currently have for the screens that need to be redesigned. By reviewing these screens you can think of ideas and solutions to improve it.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX). Community members should feel free to suggest other forms of interaction and UX improvements for this project.
Branding Guidelines:
- Pixel(TM) Style guide (Pixel(TM) Styleguide.zip).
Target devices:
- Desktop: Width of 1280px and height as required.
Supporting Documents:
- Pixel(TM) Screenshots (Screens.zip).
Challenge Goals:
- Redesign Pixel(TM) Screens by following Pixel(TM) style guide.
- Enhance the user experience.
- Enhance look and feel.
Design Considerations:
- Focus on the user experience of each page and make sure each page has a complete flow.
- Give importance to the overall layout and think about how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path, so we can see how the interactions fit together in the application.
Notes:
- The screens are not for the same app so you don’t need to worry about gathering them and present them as one.
- All redesigned screens should follow the style guide and need to look consistent.
1- Accounts Receivable & CAPEX:
- Please refer to RandCapEx.png
- This is an overview of Accounts Receivable & Capex.
2- Executive Overview:
- Please refer to ExecutiveOverview.png
- This is an overview of Executive dashboard.
3- Operating Expenses:
- Please refer to OperatingExpenses.png
- This is an overview of Operating Expenses.
4- Profitability Analysis:
- Pease refer to ProfitibilityAnalysis.png
- This is an overview of Profitability Analysis.
5- Benefits Tracking:
- Please refer to BENEFITS TRACKING.png
- This is an overview of Benefits Tracking.
6- Category Sourcing:
- Please refer to CATEGORY SOURCING.png
- This is an overview of Category Sourcing.
7- Eciexecutive View:
- Please refer to ECIEXECUTIVE VIEW.png
- This is an overview of Eciexecutive View.
8- Spend Analytics:
- Please refer to SPEND ANALYTICS.png
- This is an overview of Spend Analytics.
9- Forecast Accuracy Analysis Dashboard:
- Please refer to Forecast Accuracy Analysis Dashboard.png
- Evaluate forecast accuracy over the past year, broken down by Item or Location.
10- Inv/Service Level Analysis Dashboard:
- Please refer to InvService Level InvDriver Analysis Dashboard.png
- Service Levels and Inventory, broken down by Product and Geographic dimensions; providing a way to quickly scope product categories or locations with high inventory, poor service or a combination of each.
11- Scenario Analysis Dashboard:
- Please refer to Scenario Analysis Dashboard.png.
- Manipulate drivers of Inventory Components to simulate impact and identify further opportunity
12- Supply Chain Health Dashboard:
- Please refer to Supply Chain Health Dashboard.png
- Executive overview of Supply Chain performance indicators relative to targets.
13- Opportunities:
- Please refer to:
-- Opportunities _ Levers - Drivers _ Waterfall 1.png
-- Opportunities _ Levers - Drivers _ Waterfall 2.png
-- Opportunities _ Levers - Share Price Sensitivity.png
- This is an overview of opportunities drivers, waterfall and share price.
14- Analytics DNA Chart:
- Please refer to Strategic Context - DNA Chart.png
- This is an overview of analytics as DNA chart.
15- Analytics S Curve:
- Please refer to Strategic Context - S-Curve.png
- This is an overview of analytics as S curve.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target Audience:
- Pixel(TM) employees.
Winners will be chosen based on the below (listed in order of importance):
- Overall quality of the deliverables.
- Conformity to design standard and example screens.
- Polish.
- Creating innovative variations of screens.
Innovative variation bonus:
- In addition to the regular RUX prize structure, this challenge will pay a bonus prize to some submissions which provide an alternate view of some information.
- $500 bonus prize for the most innovative redesign of one of the screens.
- $300 bonus prize for the second most innovative redesign.
- 0 to 5 $150 bonus prizes.
How we will judge the innovations:
- Does the design make use of new styles to make improvements on the overall design of graphs? (desired)
- Does the design make use of new styles to make improvements on the overall design of the application? (desired)
- Does the design show the data organized in a new way, such as a new type of graph? (highly desired but only if the new representation gives new meaningful insights)
- Does the design combine data from different graphs or break down the data? (highly desired but only if the new representation gives new meaningful insights)
- Does the design still fit the given design style? (desired, but not important)
What are new meaningful insights?
Each screen being designed shows information that is valuable in a certain business context. Owners can derive meaning from and make better business decisions by analyzing the right data. The accessibility of those business insights is influenced by how the data is represented on graphs. Consider if you were a business owner in various fields and industries. What views on the information in these screens might you wish you could see? You are encouraged to include an explanation with your submission about why you think your design provides new meaningful insights. You are also welcome to focus on stylistic innovations or winning the main prizes via conformity. We realize the meaningfulness of insights is highly subjective and so we have tried to represent that in our prize structure. If your innovation provides
NOTE: You must complete all screens with conformity to win the main prize, however you can still win an innovative variation bonus even if you have not completed all required screens in addition to your variation.
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.