BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$50‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to the “InnovatingHydro’s Hydropower Optimization UI Design Challenge''! The scope of this challenge is to create a responsive minisite for the InnovatingHydro challenge series that will be hosted on Topcoder in the coming months. InnovatingHydro is a company in the renewable energy field that wishes to run a hydropower optimization challenge series on Topcoder to develop both advanced modeling as well as data analytics and machine learning solutions that can help hydropower systems coordinate with existing grid scheduling practices and offer the full set of hydropower resource capabilities without negatively impacting the water system.

CHALLENGE OBJECTIVES
  • Responsive Web Application
  • To create 2 screens (desktop + mobile)
  • To provide complete information about the challenges 
  • Blend Topcoder and InnovatingHydro branding as this will be public-facing for both all stakeholder marketing teams to use

Round 1

Submit your initial design for a Checkpoint Feedback:
  •  Landing Page for the InnovatingHydro Hydropower Optimization challenge minisite (Web)

Round 2

Submit your Final Design plus Checkpoint Updates:
  • Landing Page InnovatingHydro Hydropower Optimization challenge minisite (Web + Mobile)

PROJECT OVERVIEW
  • The purpose of this page is to have one place where the data scientists (marathon match) competitors can find all they need to know about the InnovatingHydro Hydropower Optimization challenges that will be run on Topcoder. We are only looking for a simple single page that will fit all the information related to the event (as listed below).
  • Both InnovatingHydro and Topcoder marketing teams will use this page to promote it in their communities to increase awareness and participation
  • The information should be easy to scan at a glance so the readers can quickly get a good understanding of the problem about what the initiative and the expected results are.
 
USER STORY
  • Name: Alex
  • Occupation: Topcoder Data Scientist Competitor
  • Goals:  
    • Quickly learn about this new exciting project from InnovatingHydro  
  •  Frustrations:  
    • Can’t find all the information about the challenges in one place on Topcoder
  • Wants:  
    • A page to learn fast and stay updated on these new InnovatingHydro data science challenges
 
AUDIENCE
  • Interested community members who wish to compete on the InnovatingHydro Hydropower Optimization Challenges
  • InnovatingHydro Marketing team and community
  • Anyone online who might be interested to read about this interesting challenges
  • Users who will land at this page, either from social media or an email marketing campaign
 
PROJECT BACKGROUND
As the U.S. grid evolves and integrates more variable renewable energy sources like wind and solar, hydropower will need to adapt to changing grid conditions and support the reliability and resiliency of the grid while also meeting water management needs, such as water supply, environmental flow requirements, and management of nuisance flooding. 
 
Hydropower technologies are versatile and dispatchable. They can operate flexibly, reliably, and sustainably, but the hydropower resources offered in the power system scheduling process are often limited, with conservative restrictions on hydropower availability and water management practices. 
 
InnovatingHydro is looking to run these data science competitions to leverage both advanced modeling as well as data analytics and machine learning capabilities to develop solutions that can help hydropower systems coordinate with existing grid scheduling practices and offer the full set of hydropower resource capabilities without negatively impacting the water system.
 
Through the competition, InnovatingHydro seeks solutions to address key hydropower technology development goals:
  • Hydropower Benefits: Economic and environmental benefits resulting from optimal coordination of hydropower systems based on feasible and just hydropower output and electricity market energy and ancillary prices.
  • Water Operations Feasibility: Metrics that capture the feasibility of candidate hydropower production time series submissions and water management violations.
  • Novelty and Generality: Flexibility of the proposed approach to apply to a variety of facilities within a range of modeling and institutional workflows
 
DESIGN GOAL & PRINCIPLES
  • Simple and clean design over complex and flashy
  • Content hierarchy - think about the priority of information. What are the most important things for the user? The user should be able to check this page and easily understand what the program is about and what information is available.
  • Topcoder and InnovatingHydro branding are mandatory
 
SCREENS REQUIREMENTS
Landing Page / Minisite:
In this challenge we need to design a page for the InnovatingHydro Hydropower Optimization UI Design Challenge challenge series. This page will contain all the important information a person needs to know to start competing. The landing page will live under the Topcoder site, so you can reuse the Topcoder navigation and footer.
 
The landing page will have to include the content for the following sections:
  1. Overview
  2. Why This Matters
  3. Challenges and Prizes
  4. Leaderboard
  5. How to Participate?
  6. Resources
 
0. Page title “InnovatingHydro Hydropower Optimization”; Tagline: “Over $75,000 in prizes!” + call to action to Register
 
1. Overview:
“Optimize the hydropower operations to complement variable renewable energy resources, such as wind and solar, that help power the grid. This project looks to run 3 data science competitions where the Topcoder data scientists members can optimize the hydropower optimizations by using Artificial Intelligenge and Machine Learning. If you’re not already a Topcoder member, register for free here to take part.”
 
2. Why This Matters
“As the U.S. grid evolves and integrates more variable renewable energy sources like wind and solar, hydropower will need to adapt to changing grid conditions and support the reliability and resiliency of the grid while also meeting water management needs, such as water supply, environmental flow requirements, and management of nuisance flooding. 
 
Hydropower technologies are versatile and dispatchable. They can operate flexibly, reliably, and sustainably, but the hydropower resources offered in the power system scheduling process are often limited, with conservative restrictions on hydropower availability and water management practices. 
 
Through these data science competitions, we are looking to leverage both advanced modeling as well as data analytics and machine learning capabilities to develop solutions that can help hydropower systems coordinate with existing grid scheduling practices and offer the full set of hydropower resource capabilities without negatively impacting the water system.”
 
3. Challenges and Prizes
“We have up to $75,000 prizes to give away in 3 data science competitions, which are all going to have increasing complexity and are open to all competitors. Below are the estimated dates and related prizes for each challenge.

Challenge 1 
Runs from April 6 - May 20, 2022* and the winner announcement will be on the first day of the next challenge.
Prizes:
  • Prize pool up to $10,000
  • Grand prize of $3,000
  • $1,000 prizes for up to 7 other winners
 
Challenge 2
Runs from June 23 - August 5, 2022* and the winner announcement will be on the first day of the next challenge.
Prizes:
  • Prize pool up to $15,000
  • Grand prize of $7,500
  • $1,500 prizes for up to 5 other winners
 
Challenge 3
Runs from September 8 - October 28, 2022* and the winner announcement will be on the first day of the next challenge.
Prizes:
  • Prize pool up to $50,000
  • Grand prize of $30,000
  • $10,000 prizes for second and third place winners
*All dates are subject to change including contest openings, deadlines, and announcements. “
 
4. Leaderboard
The leaderboard will show the top 10 developers who have placed in these challenges. For each developer we should show rank, handle and score.
 
5. How to Participate?
“All you need to do to be a part of this challenge is this:
  1. Be a Topcoder member. It’s quick and free to sign up here.
  2. Find the challenges to participate in here.”
 
6. Resources
“This section will have several useful links and videos for members to learn more about Topcoder and the InnovatingHydro. We’ll continue to add great content here to help you be successful.
 
Topcoder Resources:
 
InnovatingHydro Resources:
  • Use any placeholder content here
 
Feel free to play with the order of the content on this page.
 
DEVICE SPECIFICATIONS
  • Desktop: width: 1440 px x height as much as needed
  • Mobile (responsive application): width: 320 px x height as much as needed. You should export your designs for presentation and in Marvel at 2X.
 
BRANDING GUIDELINES
In this challenge you should follow both Topcoder and InnovatingHydro brands. What does this mean to you?
  • Follow InnovatingHydro branding for colors, visual story, theme and Topcoder branding for font typography, buttons and layouts as this minisite will live on Topcoder site
  • InnovatingHydro Guidelines:
    • Logo: you can download a placeholder logo from here.
    • Color Palette: download here.
    • Hero image: there is a particular illustration is mandatory you use from the customer - download image
  • Topcoder Guidelines:
    • Branding guidelines about Topcoder typography can be viewed here (use Barlow Condensed and Regular font for the headings and Roboto font for the paragraphs)
    • Download the Topcoder GUI KIT from here (Sketch only) or check elements in the Marvel project shared above.
  • Content width should be 1280px or 1024px as shown here
 
Important to know:
  • We have previously run similar projects for our customers like you can see here for Streamflow Forecast Rodeo, Alef or NASA Soho Comet Search so you can use those landing pages as inspiration in big lines. Do not copy! Think about the theme of this challenge and make your design custom for it.
  • Note: our brand is adjusting, meaning that we are moving away from large spacings between sections and lots of large images which end up adding too much scrolling for the user, so we would like to show the information in a compact format. Good examples of pages that are like this are Alef, Start and Learn pages. One thing to keep in mind is to keep the color of the buttons as they are for the site now as they are not changeable.
  • In addition, the majority of the users are laptop users so look to show as much useful information as you can above the fold for laptop size (768px).
 
MARVEL APPLICATION
  • In order to present your designs to the customer, we need you to ask for Marvel projects in the forums and add your designs there
 
STOCK ART
  • Hero image: there is a particular illustration that is mandatory you use from the customer - download image
  • Stock Photos are allowed per Topcoder policy
  • Icons: we will share them on forums. Only Streamline icons are allowed or those taken from the GUI KIT.
 
FINAL DELIVERABLES
Create an archive with all 4 items below:
  • An archive called Source.zip file to include:
    • All original vector source files created in Sketch, XD, Figma,etc.
  • An archive called Submission.zip file to include:
    • All your design files in PNG or JPG format
  • Your declaration files to include any notes about fonts usage and your Marvel prototype link
  • Create a JPG preview file of 1024 x 1024 px

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.

ELIGIBLE EVENTS:

2022 Topcoder(R) Open

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 "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" 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.

Screening:

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
  • Sketch
  • XD
  • Figma

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30244269