SunShot - Gridmates - Energy Poverty Wireframe Concepts Challenge









    The challenge is finished.
    Show Deadlinesicon-arrow-up

    Challenge Summary

    Welcome to Gridmates - Energy Poverty Wireframe Concepts Challenge. In this challenge, we are looking for your help to come up with a website wireframe that helps users to donate an amount to the people who are in need of energy.

    NOTE: We need this product to be Simple, Smart, engaging.

    We are looking for wireframe (Axure) solutions based on requirements from our client. We’re also looking to the community to come up with interesting ideas for the workflow - we’re absolutely open to creative solutions! At the end of this wireframe challenge, we are looking to have a complete solution for the user experience and flow of the application.

    NOTE: We will be awarding $150 to all submissions that are outstanding at checkpoint

    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.

    Full Description & Project Guide

    The Purpose of this challenge is to come up with the wireframe that helps define the flow of application. We are looking for the Topcoder Design Community to help us with planning our new "user experience" (UX).

    About Gridmates:
    - Gridmates provides the world's first cloud platform that enables peer-to-peer energy sharing.

    Wireframe Expectations:
    - You must create traditional wireframe call-outs and notes
    - Provide us with your interaction and click-path thoughts and suggestions
    - Produce HTML click-through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
    - The website must be very easy to use and intuitive. Keep that in mind when create your solution for the layout and flow information.
    - You MUST cover all requirements mentioned in challenge details below.
    - Use note pane in every single page you design to explain what items are addressed in that page from the documentation, what things you added/changed/removed, use it to make your
    idea clearer and help the client to give you constructive feedback.

    Required Pages:
    We are looking for you to create wireframe for the below pages..

    NOTE: We had provided a flowchart to help you understand the flow of screens.. (this flowchart might be slightly different from the below description, please follow the description)

    1) Welcome/Home Page:
    - This is the main landing page that need to shown to the users..
    - We need to show an introduction on how this works and how best can we show this information?
    - We have some functionalities (which will be series of questions to the users) in this page and would like to get your thought on how how this need to be presented (perhaps a wizard?

    Functionalities in this page
    In this page, we need to get few informations from the users, come up with thoughts on how below.. 

    1.1. Questions to be asked to users in this page:
    - User will need to enter their zip code
    - Need to ask a question if the user has rooftop panel, with YES or NO options - how do you think, we need to show these options to the user?
    - Based on the option chosen by the user, we need to show the below flow.

    1.2. User has installed rooftop panel (If users chooses “YES” in 1.1)
    - We need to ask a question if the user has 'Solar Panels' with “YES or NO” options.

    - If user chooses “YES”  
    ------ Ask the user to enter their Enphase Key and Password.
    ------ If the user doesn’t know the credentials (or isn’t an Enphase user), show a link to Register with Enphase.
    ------ If the combination is incorrect show an error message with the option to Register with Enphase
    ------ Once they enter the login credentials, they will move to point 2.

    - If user chooses “NO”, we need to show questions given in point 1.3

    1.3. User has not installed rooftop panel (If users chooses “NO” in 1.1)
    - User enters zip code and Square Feet of solar panels We will fill in the default number here, but the user can change it (use a placeholder value for now)
    - They will submit these values and proceed to point 2.

    2) Results and additional options to choose:
    Based on the above inputs, we need to show these below results 
    - “Last Month Energy Production”  in KWhr and the amount it would have cost in $ (dollars).

    Additional options:
    - We show additional options to the user
    - They will be able to select a percentage of energy they want to share with the people who don’t have these energy.
    - We let them select a percentage 2%, 5%, 10%, 25%, 50% and 100%

    - Based on the chosen percentage, we show them the amount of energy that in KWhr and $ (dollars) and how many days it will help the user in need of energy
    - We also need to show a “Send Energy” button that will allow the user to donate the amount mentioned in this result. (this will be shown as a send energy modal window - this modal can be seen in www.gridmates.com > click “Send Energy”)

    Target Audience:
    - Homeowners, Anyone with solar power

    Learn Axure:
    New to Axure? Here are some quick tutorials to help you get started.

    Judging Criteria:
    Your submission will be judged on the following criteria:
    - User experience
    - Completeness and accuracy of the areas of functionality and content
    - How well your wireframes provide a consistent user flow and clear information architecture for the application

    Submission & Source Files:
    Preview Image
    Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

    Submission File
    Generated HTML files with all the requested contest requirements stated above.

    Source Files
    Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.

    Final Fixes
    As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.

    Round 1

    Initial Wireframe Concepts of the below scenarios for checkpoint review.
    Any additional features or screens that will help explain your idea.

    Round 2

    Final Wireframe Concepts for all given requirements with any checkpoint feedback implemented.
    Any additional features or screens that will help explain your idea.

    Stock Photography

    Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

    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.


    2015 topcoder Open


    Screening Scorecard


    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.


    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.


    • HTML
    • RP file created with Axure

    You must include all source files with your submission.


    5 submissions