Challenge Summary
Welcome to "GE - Renewable Energy Sourcing CIS App Design Concepts Challenge". In this challenge, GE is looking for your creative thoughts and skills to create design for responsive Cost In Sight (CIS) web application that able to provide real time visibility for all materials and inbound transportation costs of the Wind Turbines that being sold by the Onshore Renewables business and ultimately all Renewables projects. It is part of a broader effort to move towards real time pro forma financials for the business.
At the end of this challenge, We are looking for the [topcoder] design Community to help us planning the look and feel of our application.
01. Dashboard Screen
02. Turbine and Component Model Screen
01. Dashboard Screen
02. Turbine and Component Model Screen
03. Cost Comparison Screen
04. Team Progress Tracking Screen
Additional GE Challenge Rules
- Please refer to GE Official Rules attached to this challenge.
- To the extent there is any conflict between these Official Rules and additional Topcoder Terms and Conditions of Use referenced off the Website, these Official Rules govern.
- All winners from this challenge need print, sign and send back to us the IP Rights document from GE before eligible for the prizes.
Background Overview
We want to build HTML5 web application which aims to provide various views of data, reports, and analysis of data related to the material and inbound transportation cost of wind turbines. This application will serve Onshore businesses, although the specific data and reports may be tailored to the needs of each. We currently have approval for the Onshore aspects of the application. We want an application that accessible real time build and sales related costs of the direct material and other adder fees with scenario analysis capability. This apps will be available to all users with iphone, ipad or Desktop.
Design Goals
For this challenge, we want to create user interface on Ipads, iphones and desktops that allow the viewer to access a specified number of reports from the existing “Greenplumb” database as well as providing basic scenario analysis functionality e.g. "what would the total year cost benefit be if a cost out idea was cut into the build plan on May 1 st"
Design Consideration
- This application is primarily a readonly application (e.g. data and reports are viewed and explored and can be simulated by the user, but data is not modified and cannot be saved)
- The primary interaction with the application will be the desktop browser
- The application must also be "responsive" and function correctly / look good on mobile browsers and iPad
- The application will have a NodeJS backend providing access to data and services
- The application database will be Postgresql during this phase of the project
- We will plan to be as flexible as possible for a future integration into internal data sources (i.e. Greenplumb, ...etc)
- Graphs / Images in the reports will be mostly "static"
Key Features
- Real time cost visuals
- Scenario analysis
Screen Requirements
Here is some suggested screens for the apps. Please feel free to add/suggest new screens if you think it will help the UI/UX for the apps:
01. Dashboard Screen
- The idea is to have a dynamic dashboard that can be edited to show a variety of views (by turbine model, individual component cost, total business level costs) with cost scenario planning options as an expanding sidebar.
- Show some alert and notification area where user will be aware of any condition that needs their quick attention (cost over budget, team late to delivers, etc)
- User should be able to see their current expected build costs by quarter for a given model, specifically for the component cost.
- User should be able to find out how cost compares to the financial standard cost, the should cost the business expects and the total financial impact of my planned purchase prices and existing receipts for the year.
- User should be able to understand the cost out they would achieve depending on when they cut in cost out ideas and use a solve for calculation to see what cost they would have to reduce the PO costs to in order to meet their financial targets for the year.
- User need to be able to view by model and component where their teams are performing or underperforming and how we pacing against financial and should cost targets.
- User needs to be able to see at a total business level whether user under or over plan for costs and use scenario analysis to see how my performance would vary if user increased or decreased sales volume or costs for specific components.
02. Turbine and Component Model Screen
- Additional screen to show detail information about component or turbines.
- This can be created as separated pages or as a popup depends on your judgement
- By separated this page, user can focus on important aspect in the dashboard and see the details via this screen (information not stacked in one place)
03. Cost Comparison Screen
- Some unique ideas that you can explore in the apps.
- Can we create a new screen that focus on comparing Business cost (expected/real time cost, standard financial cost, forecast cost after user modify some content)?
- This screen will help user to find out how they can simulate their cost projection to meet their yearly targets
04. Team Progress Tracking Screen
- Provide a screen where they can see timeline of user team progress, expected target vs real time condition
- Details information about what kind of condition happen that makes team have less or good performance
- Show list of communication between each team members
- Forecast about what steps needs to be made to tackle any problem in the team progress so they can meet target expectation by the end of the year
Screen Sizes
We need to create responsive web for this application:
- Desktop: min 1280px width and height as required.
- Mobile: 750px width x 1334px
- Tablet: 1536px width x 2048px
- Make sure to create all graphic in 'shape' format, so when we resize graphics everything will still look sharp!
Branding Guidelines
View Branding: https://drive.google.com/drive/folders/0B8cviJNGmPm5ZHA3QV9XQU96Wkk?usp=sharing
- Use GE branding and colors for your inspiration
- Use GE Fonts
Documentation
- GE Branding Documents
- GE Fonts
- Content Documentation:
-- CIS - WAC Product And Components Sample.csv (All products and component list)
-- CIS - WAC Component Variable Definitions.docx (sample of component info details)
-- TPC - High Level Calculation Logic.docx (Formula for the calculation cost logic)
Target Audience
- Senior leadership and global commodity leaders
Stock Artwork
For this challenge, you can only use Stock photos (No stock icons allowed)!
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-DESIGN
Judging Criteria
Your submission will be judged on the following criteria:
- How well your design align with the objectives of the challenge
- Consistency of your design with our branding
- Cleanliness of screen design and user flow
- Overall design and user experience
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.
At the end of this challenge, We are looking for the [topcoder] design Community to help us planning the look and feel of our application.
Round 1
Initial submission for client review (Desktop + Mobile):01. Dashboard Screen
02. Turbine and Component Model Screen
Round 2
All Requirements like stated in challenge details with client feedback applied (All Devices):01. Dashboard Screen
02. Turbine and Component Model Screen
03. Cost Comparison Screen
04. Team Progress Tracking Screen
Additional GE Challenge Rules
- Please refer to GE Official Rules attached to this challenge.
- To the extent there is any conflict between these Official Rules and additional Topcoder Terms and Conditions of Use referenced off the Website, these Official Rules govern.
- All winners from this challenge need print, sign and send back to us the IP Rights document from GE before eligible for the prizes.
Background Overview
We want to build HTML5 web application which aims to provide various views of data, reports, and analysis of data related to the material and inbound transportation cost of wind turbines. This application will serve Onshore businesses, although the specific data and reports may be tailored to the needs of each. We currently have approval for the Onshore aspects of the application. We want an application that accessible real time build and sales related costs of the direct material and other adder fees with scenario analysis capability. This apps will be available to all users with iphone, ipad or Desktop.
Design Goals
For this challenge, we want to create user interface on Ipads, iphones and desktops that allow the viewer to access a specified number of reports from the existing “Greenplumb” database as well as providing basic scenario analysis functionality e.g. "what would the total year cost benefit be if a cost out idea was cut into the build plan on May 1 st"
Design Consideration
- This application is primarily a readonly application (e.g. data and reports are viewed and explored and can be simulated by the user, but data is not modified and cannot be saved)
- The primary interaction with the application will be the desktop browser
- The application must also be "responsive" and function correctly / look good on mobile browsers and iPad
- The application will have a NodeJS backend providing access to data and services
- The application database will be Postgresql during this phase of the project
- We will plan to be as flexible as possible for a future integration into internal data sources (i.e. Greenplumb, ...etc)
- Graphs / Images in the reports will be mostly "static"
Key Features
- Real time cost visuals
- Scenario analysis
Screen Requirements
Here is some suggested screens for the apps. Please feel free to add/suggest new screens if you think it will help the UI/UX for the apps:
01. Dashboard Screen
- The idea is to have a dynamic dashboard that can be edited to show a variety of views (by turbine model, individual component cost, total business level costs) with cost scenario planning options as an expanding sidebar.
- Show some alert and notification area where user will be aware of any condition that needs their quick attention (cost over budget, team late to delivers, etc)
- User should be able to see their current expected build costs by quarter for a given model, specifically for the component cost.
- User should be able to find out how cost compares to the financial standard cost, the should cost the business expects and the total financial impact of my planned purchase prices and existing receipts for the year.
- User should be able to understand the cost out they would achieve depending on when they cut in cost out ideas and use a solve for calculation to see what cost they would have to reduce the PO costs to in order to meet their financial targets for the year.
- User need to be able to view by model and component where their teams are performing or underperforming and how we pacing against financial and should cost targets.
- User needs to be able to see at a total business level whether user under or over plan for costs and use scenario analysis to see how my performance would vary if user increased or decreased sales volume or costs for specific components.
02. Turbine and Component Model Screen
- Additional screen to show detail information about component or turbines.
- This can be created as separated pages or as a popup depends on your judgement
- By separated this page, user can focus on important aspect in the dashboard and see the details via this screen (information not stacked in one place)
03. Cost Comparison Screen
- Some unique ideas that you can explore in the apps.
- Can we create a new screen that focus on comparing Business cost (expected/real time cost, standard financial cost, forecast cost after user modify some content)?
- This screen will help user to find out how they can simulate their cost projection to meet their yearly targets
04. Team Progress Tracking Screen
- Provide a screen where they can see timeline of user team progress, expected target vs real time condition
- Details information about what kind of condition happen that makes team have less or good performance
- Show list of communication between each team members
- Forecast about what steps needs to be made to tackle any problem in the team progress so they can meet target expectation by the end of the year
Screen Sizes
We need to create responsive web for this application:
- Desktop: min 1280px width and height as required.
- Mobile: 750px width x 1334px
- Tablet: 1536px width x 2048px
- Make sure to create all graphic in 'shape' format, so when we resize graphics everything will still look sharp!
Branding Guidelines
View Branding: https://drive.google.com/drive/folders/0B8cviJNGmPm5ZHA3QV9XQU96Wkk?usp=sharing
- Use GE branding and colors for your inspiration
- Use GE Fonts
Documentation
- GE Branding Documents
- GE Fonts
- Content Documentation:
-- CIS - WAC Product And Components Sample.csv (All products and component list)
-- CIS - WAC Component Variable Definitions.docx (sample of component info details)
-- TPC - High Level Calculation Logic.docx (Formula for the calculation cost logic)
Target Audience
- Senior leadership and global commodity leaders
Stock Artwork
For this challenge, you can only use Stock photos (No stock icons allowed)!
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-DESIGN
Judging Criteria
Your submission will be judged on the following criteria:
- How well your design align with the objectives of the challenge
- Consistency of your design with our branding
- Cleanliness of screen design and user flow
- Overall design and user experience
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.