Challenge Summary
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)
- 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.
- 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
- 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
- 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
- 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
- Overview
- Why This Matters
- Challenges and Prizes
- Leaderboard
- How to Participate?
- Resources
Challenge 1
- Prize pool up to $10,000
- Grand prize of $3,000
- $1,000 prizes for up to 7 other winners
- Prize pool up to $15,000
- Grand prize of $7,500
- $1,500 prizes for up to 5 other winners
- Prize pool up to $50,000
- Grand prize of $30,000
- $10,000 prizes for second and third place winners
- Be a Topcoder member. It’s quick and free to sign up here.
- Find the challenges to participate in here.”
- Use any placeholder content here
- 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.
- 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:
- Content width should be 1280px or 1024px as shown here
- 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).
- 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
- 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.
- 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.