FAST - Predix Program UI Design Challenge






    The challenge is finished.
    Show Deadlinesicon-arrow-up

    Challenge Summary

    Welcome to the Topcoder Predix Program UI Design Challenge

    We are looking to create a portal site to help Topcoder designers and developers learn more about the Predix platform and compete on Predix related challenges. Similar to previous Topcoder customer sponsorship programs we are looking to create a simple yet engaging portal for this program.

    Note: This is a FAST challenge as we are looking to present ideas on Friday. We will be using the "Rolling Checkpoint" feedback process in this challenge.

    Challenge Timeline and Rolling Checkpoint
    - Challenge Starts: Thursday 28th January  2016 01:00 EST
    - Rolling Checkpoint will start: Thursday 28th January 2015 14:00 EST
    - Challenge Ends: Friday 29th January 2015 06.00 EST

    Rolling Checkpoint Review ($50)
    Adam Morehead (adroc) will provide a design review if you submit your initial designs by (Thursday 28 January 2016 14:00 EST)
    — Within 3 Hours or less, we will provide any design feedback/guidance
    — You must watch the forum for your feedback!
    --- First 10 qualifying* checkpoints submissions will win $50

    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

    Challenge Details &nScreen Requirements:
    - Predix branding: Pull content and branding direction from these sites: https://www.predix.com/, https://www.predix.io/ 

    Re-use the existing structure from the previous sponsorship portal but create a new/updated design based on the provided reference content.

    Landing Page (Desktop and Mobile)
    - Branded GE Predix
    - Logo (Use GE-Logos.zip)
    - Main Navigation
    - Not a topcoder member + sign up button
    - Predix introduction + icons (Create your own/pull from the Predix sites)
    - Ready to get started?
    - Quotes
    - Footer
    - Anything important to you as a competitor?

    Design Challenges (Desktop)
    - It would be good to show this page
    - Reference or use older GE challenge names
    - Update/design it on how you think it should look

    Design Leaderboard (Desktop)
    - It would be good to show the potential of this page
    - Update/design it on how you think it should look

    Additional Pages
    - Are there an additional page you think should be included to showcase the program, community or Predix features/knowledge (that would be interesting to you as a competitor)

    Main Navigation Menus
    - Design
    - Development
    - Code Blitz

    Getting Started
    - Welcome
    - Register for Predix
    - Build Your First App!

    - Predix Overview (Create/pull this content from the provided links)
    - Sponsors

    - Learn More
    - Predix Resources
    - FAQ's
    - Message Board

    Design Guidelines:
    1. Screen Size
    - This portal will be developed as a Responsive application. Make sure your submission looks good from mobile to desktop
    - For this challenge, you need to submit your submission on these following sizes:
    -- Desktop Standard size 1024px width and height up to your design
    -- Mobile Retina size 750px width and height up to your design
    - Use shape based format on every graphic you created on your storyboard design to make sure everything remains sharp when resized!

    2. Design Direction
    - Branding, and design inspiration need follow existing Predix websites: http://predix.com/ & https://www.predix.io/

    - Recommend to us how the colors should be used (combination) and we will provide feedback at the Rolling Checkpoint Review.
    - Think about how this site would be interesting to you (as a competitor) to follow Predix and Topcoder Challenges related to Predix.
    - Keep it simple!

    - 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
    - TopCoder Members!!

    Judging Criteria
    - How well you plan the user experience and capture your ideas visually.
    - Cleanliness of your graphics and design.
    - Mobile designs and experiences

    Round 2

    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.


    2016 TopCoder(R) 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.


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


    5 submissions