• Compete
  • Learn
  • Community
ico-magnifying_glass
    ico-arrow-big-left

    SunShot - Solar Retina - Real Time PV Data Responsive Design Challenge

    PRIZES

    1st

    $2,000

    2nd

    $500

    3rd

    $250

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

    POINTS:875

    Register
    Submit
    The challenge is finished.
    Show Deadlinesicon-arrow-up

    Challenge Summary

    Welcome to the SunShot - Solar Retina – Real Time PV Data Design Challenge! In this challenge we are looking to design a new page for users to view real time intelligence of total “behind-the-meter” solar PV generation on the distribution system. Using crowd-sourced solar generation data from actual PVs on the distribution grid, we provide superior distributed solar generation analysis.

    We currently have the client website and we need to match the general UI of the site and improve on it.

    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.

    Challenge Format

    This competition will be run as a two-round challenge.

    Round 1

    Submit your design for a Checkpoint feedback:
    1) Layer 1- map of city. (Desktop + Mobile)
    2) Layer 2- draw area selection. (Desktop + Mobile)
    3) Layer 3- provided statistics/facts bubble about selected area. (Desktop + Mobile)
    - If you have time - please provide us with a click map for your design.
    - Readme.jpg : Provide notes about your submission.
    - Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

    Round 2

    Final Design plus Checkpoint feedback:
    1) Layer 1- map of city. (Desktop + Mobile)
    2) Layer 2- draw area selection. (Desktop + Mobile)
    3) Layer 3- provided statistics/facts bubble about selected area. (Desktop + Mobile)
    4) Layer 4- additional info contained in link in bubble. (Desktop + Mobile)
    - If you have time - please provide us with a click map for your design.
    - Readme.jpg : Provide notes about your submission.
    - Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

    Regarding the Rounds:

    • To be eligible for Round 1 prizes and design feedback, you must submit before the Checkpoint deadline.
    • A day or two after the Checkpoint deadline, the challenge holder will announce Round 1 winners and provide design feedback to those winners in the “Checkpoints” tab above.
    • You must submit to Round 1 to be eligible to compete in Round 2. If your submission fails screening for a small mistake in Round 1, you may still be eligible to submit to Round 2.
    • Every competitor with a passing Round 1 submission can submit to Round 2, even if they didn't win a Checkpoint prize.
    • Learn more here.

    Full Description & Project Guide

    Background:
    The SolarRetina is a software platform that provides real-time intelligence of total “behind-the-meter” solar PV generation on the distribution system. Using crowd-sourced solar generation data from actual PVs on the distribution grid, we provide superior distributed solar generation analysis.

    Customers: Serve 3 Segments:
    - Utilities and Grid Operators.
    - Municipalities.
    - Electricity Traders.

    What’s The Customer’s Problem that we solve?
    1- Utilities and Grid Operators:
    - They are having difficulty making reliable plans for integrating and accounting for increased levels of solar power on their grids because they don’t know how much electricity the distributed solar systems on their grids are producing. Planning issues include:
    -- Setting Feeder Capacity Limits
    -- Knowing what equipment/infrastructure to upgrade
    -- Setting Capacity and dispatch requirements

    2- Municipalities:
    - They are having difficulty measuring and tracking their progress toward sustainability and solar goals because they don’t know how much solar electricity the distributed solar systems in their jurisdiction are producing.
    - Because they cannot measure and track progress, they are unable to draft informed and effective policies and regulations.
    - Because they cannot measure and track progress, they are having trouble engaging with their citizens about how they are meeting their solar mandates.

    3- Electricity Traders:
    - They are having difficulty tracking, understanding, predicting electricity demand in urban areas because distributed solar generation is distorting how demand values appear. In other words, they only see net-demand (“net-load”) and so they are having trouble differentiating between increases in supply from solar systems from decreases in demand. We can provide them with the supply data they need to differentiate between the two.

    What do we actually provide?
    In most basic form, we have energy v. time v. location data for all solar PV’s on the distribution grid, which we use to address challenges and solve the customer challenges listed above.

    Supporting Document:
    - Rough "mock up" of provided statistics/facts bubble about selected area (catalyst UI suggestion.pptx)

    Branding Guidelines:
    - Please refer the client website here for branding guidelines.

    Design Goals:
    - How should this page need to look?
    - How quickly the user can find what he wants?
    - The website should be easy to use.
    - Your solution needs to be a Responsive Design Solution when viewed on Portrait and Landscape view of mobile devices.
    - Think simple but effective solutions! Have fun creating this - let us know how you think it should work!

    Screen Sizes:
    - Desktop: 1024px width and height as required.
    - Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.

    Make sure you create graphic in 'shape' format, so when resize for retina versions, graphic still look sharp! It will be great if you can provide the landscape version.

    Required Screens:
    - We would like you to suggest features/screens that this app should incorporate
    1) Layer 1- map of city:
    - This should show a map of Washington DC.
    - openstreetmap.org is an option, in addition to google maps, bing, esri....
    - Ability to select/draw area for further details.
    - Animated map of generation over time. in such a scenario, each PV location (~800) would be represented by a dot or heat map dot that would expand and contract relative to the amount of energy being produced. Movie could cover a week’s worth of production. User should be able to specify time frame for the animation

    2) Layer 2- area selection:
    The user can do the following to the map to make selection:
    - Select a time period of interest: Start Date and Time, End Date and Time
    - Draw a freeform line or shape  around section of interest by placing dots around an area (like in google maps)
    - The user should be able to click on additional options to see other views of the maps, such as:
    -- entering a zip code
    -- select a ward (example:https://www.google.com/maps/d/viewer?msa=0&mid=zX4PuQ4LBt0s.kGLMkxNYuQqs)
    -- select a county (similar to wards)
    -- select other maps overlay (such as a feeder line) (example: http://www.questargas.com/FL24/images/Feeder%20Line%2024.png)

    This means:
    - We need a way for the user to pick from a predefined list of selected areas (Ward, Zip Code, County, etc...).
    - You should know that the map should be visibly populated with "dots" or symbols representing each solar installation in DC. Users should be able to draw areas around these. Perhaps, when a user hovers over each dot, there will be a fact bubble which will state the system's size: e.g. 3.5kW.

    3) Layer 3- provided statistics/facts bubble about selected area:
    - Total Nameplate of Area. This means the total, in kW of all PV systems in the selected area. For example, if there are 3 PV systems in the area and each system is 3kW in size, then the total would be 9kW.
    - Number of Systems in Area.
    - Largest System Size.
    - Smallest System Size.
    - Average System Size.
    - Maximum Generation in the time period selected: Provide Timestamp and amount in kWh.
    - We’d also like to consider having placeholders for a few other “Statistics” that we may not want to calculate or have active for the demo, but for which we’d like to display placeholders for purposes of demonstrating future capabilities. Those include: “Ramp Rate,” Max Generation v. Net-Load, Variability Occurrence Frequency )

    4) Layer 4- additional info contained in link in bubble:
    Please refer to catalyst UI suggestion.pptx
    - Energy v. Time Graph of selected area:
    -- X-Axis- Time.
    --- 15min, hourly, daily, monthly, yearly.
    -- Y-Axis- Energy in Watts
    - Example:
    -- http://dygraphs.com/gallery/#g/range-selector
    - Retina v. Competitors?
    - The user should have the ability to change time period.

    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 User:
    - Utilities and Grid Operators.
    - Municipalities.
    - Electricity Traders.

    Judging Criteria:
    - How well you plan the user experience and capture your ideas visually.
    - Cleanliness of your graphics and design.
    - Creativity and ease-of-use is key to the success as it must be engaging to users.

    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.

    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.

    Reliability Rating and Bonus

    For challenges that have a reliability bonus, the bonus depends on the reliability rating at the moment of registration for that project. A participant with no previous projects is considered to have no reliability rating, and therefore gets no bonus. Reliability bonus does not apply to Digital Run winnings. Since reliability rating is based on the past 15 projects, it can only have 15 discrete values.
    Read more.

    ELIGIBLE EVENTS:

    2015 topcoder 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 here.

    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 here.

    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:

    5 submissions