Submit a solution
The challenge is finished.

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.

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:
- Use GE branding and colors for your inspiration
- Use GE Fonts 

- 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:   
- Latest Design Policies:  

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.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "" file.
  3. Place all of your source files into a "" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.


All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit


ID: 30055203