Challenge Summary

Welcome to the "CROWDFORGOOD - YERC EPIIC Platform Design Challenge Part 2". Topcoder and YERC (Yellowstone Ecological Research Center) are working together to create a new platform to monitor, understand, and improve the health of our planet’s ecosystems called EPIIC (Ecosystem Prognosis Impacts Information Cooperative). This collaboration is part of the “Crowd for Good” initiative (Topcoder's non-profit program) and we are inviting all Topcoder Designers to join and take part in this project to create a better future for our environment.

This is the 2nd challenge of the YERC Topcoder design series challenges planned for the EPIIC project. Even though it’s a non-profit program (No Cash Prizes), there are YERC Exclusive Swag and TCO20 Points available in this challenge series for the winners along with interesting Grand Prizes at the end of the challenge series.

Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
CHALLENGE PRIZES
  • YERC Topcoder Points that can be collected in this challenge series to get the GRAND PRIZES once the project complete (1st place 1700 points, 2nd place 800 points, 3rd place 250 points)
  • TCO20 Points
  • YERC swag (hats and maps) for the top 3 winners

BACKGROUND OVERVIEW
  • This platform, called EPIIC (Ecosystem Prognosis, Impacts, and Information Cooperative), will be an open-source, collaborative effort built on scalable, cloud-based services, to be used by people around the world to help ecosystems around the world in need of protection and restoration. 
  • For this initiative to succeed, it will require lots of data in a timely manner, a robust cloud-based infrastructure, and enthusiastic users of the data who will participate in modeling complex ecological systems.
  • More information about this project background can be found from this LINK 

CHALLENGE GOALS
  • Updates Member Role screens based on the latest client request
  • Create design screens for Admin Role

DESIGN CONSIDERATION
  • Simplicity to presented the datasets information
  • Use colors or great visual contrast to highlight a comparison of important information.
  • Intuitive for the user; should never be left asking "what do I do next?"
  • Simplify the display for pages that may be over overcrowded with information
  • Needs to have the same consistency with our design base from the previous design challenge

USER STORIES
  • You can find all user stories from this google drive LINK 
  • For this challenge we will focus on the following user stories:
    • Member User Stories
    • Admin User Stories

SCREEN REQUIREMENTS
For this challenge, we are looking for the below screens to be created in your submission. The screen functionality details listed below need to be applied as much as possible. However, If there is a better way to accomplish the same goal, then feel free to take creative liberties:

Member Screen Requirements (Design Updates)
01) My Datasets Screens
  • We need to update the “My Datasets” screen. The latest request is to have the users to be able to see related functions in the same main menu option, e.g. My Datasets. 
  • After “My Datasets” menu selected, the following options are available for working with the data:
    • Show Data visualizations such as line/area charts or trend analysis for the top 5-10 priority datasets for the authenticated user
    • Searchable and sortable tabular listing that can be of the datasets the user is subscribed to or has access to. Actions for the dataset can be view more detailed metadata, previewing the data of the dataset, or downloading the dataset
    • Browse/search for other datasets the user may be interested in but not yet subscribed to. Actions for the dataset can be view detailed metadata or previewing the data of the dataset.
    • For the Datasets list:
      • Provide a hierarchical tree structure of datasets that the user has subscribed to.  Grouped the datasets together by projects (RiverNET, LandNET, WildNET, etc) or keywords (water/stream data such as water quality or quantity, or soil data such as soil moisture probes readings, plant productivity from satellite images, etc)
      • When a dataset or type of data is selected, then the corresponding dataset's GPS locations will appear on a map
      • An individual dataset can be selected and an overview of the data available displayed by clicking on a map marker on the map. Summary details (daily avg, min/max) of available parameters such as stream depth, discharge, temperature, the daily average can be displayed by clicking on a link in the overview popup

Admin Screen Requirements
02) Admin Dashboard Screen
  • Show all activities on the platform such as Recent user activity, Recent Datasets access, Traffic in the platform, Recent Forum Post statistic, API statuses, etc

03) Support Screen
  • Ability to help the user resolve problems that are non-IT and related to the functioning of the application. Provide access for the admin where they can find the necessary information about tasks the user may be doing in the application. 
  • For example, the user may ask and send queries via email or from forum or from the platform it self: "why haven’t I got my dataset yet?", or "what is the status of the pipeline for my data transformation job?"
  • In order to help resolve the user problem, the Admin will need tho have quick access (can be wizards, search form to find projects, metadata, datasets, or features on the app and check their status, etc) to find information about the problem, fix the problem, and then notify the user on what steps they need to perform to get their problem solved or the Admin can solve the problem directly and notify the user that the problem has been resolved.

04) Metadata Setting Screen
  • Ability to view and update the field research metadata associated with the EPIIC application
  • Examples of metadata include: 
    • Field research observation sites
    • Monitoring devices
    • Validation data for various types of data objects
    • Predictive models available on the platform
    • For this challenge, the content of the metadata can be a dummy/placeholder content
  • These metadata will help the users or Admin when creating projects (they can select and add the metadata to the projects)

05) Broadcast Screen
  • Ability to broadcast messages to application users, notifying them of important changes
  • Admin will be able to send it to particular groups of the users or send it to all users at once
  • Ability to set and send the broadcast message in a particular time (Scheduler)

06) User Profile Setting Screen
  • Admin will be able to update profile settings for the users
  • Admin cannot view the user passwords but they will have the ability to reset passwords.

IMPORTANT
  • Keep things consistent. This means all graphics styles should work together
  • All of the graphics should have a similar feel and general aesthetic appearance

MARVEL PROTOTYPE
  • We need you to upload your screens to Marvel App
  • Please request for marvel app in the challenge forum 
  • You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment on this link while you upload)

DOCUMENTATION
  • Design Base (Winning Design from a previous challenge): 
  • Two sample datasets from Amphora Platform can be downloaded from This Google Drive Link:
    • "The WaterQuantity file": is a CSV file that contains the depth and temperature data from a sensor for May-Oct 2019.  The depth data is used by in rating curve formula for each site.  For this site, the rating curve formula is 36.18864474767676 + 159.27689683566635x where x is the depth value.  For example, on June 6, 2019, at 7:20 am, the depth was 2.018 and the discharge was 353.0927 cubic ft/s
    • "The NPP file": is a 64 x 110 GeoTIFF raster image where each pixel represents the value of NPP for an 8km square area in the Greater Yellowstone Ecosystem (GYE).  NPP is generated from satellite imagery and measures the difference between how much carbon dioxide is taken in by plants compared to how much is put out by them. This difference is the total amount of carbon dioxide taken in by plants and is called net primary productivity (NPP).  In order to give you an idea of scale, the resolution frequently used for statistical modeling is 100 or 250 square meters.  So for the GYE, this dataset with 100m resolution grows from 7040 pixels to 45,056,000

BRANDING GUIDELINES
  • Follow our Existing Design Base 

TARGET DEVICE
  • Desktop: minimum 1440px width with Height adjusting accordingly

TARGET AUDIENCE
  • EPIIC Member: Registered user in the EPIIC platform
  • EPIIC Site Admin: This user is the application administrator and can configure the various components of EPIIC.  I am the first level of support for troubleshooting user issues.
  • Guest Role (DONE - Out of Scope)
  • EPIIC Scientist (Out of Scope)
  • EPIIC Steward (Out of Scope)
  • EPIIC Field Biologist (Out of Scope)

JUDGING CRITERIA
  • Your submission will be judged on the following criteria:
    • Consistency with our design base
    • Overall idea and execution of concepts
    • How well does your design align with the objectives of the challenge
    • Execution and thoughtfulness put into solving the problem
    • The overall design and user experience
    • Cleanliness of screen design and user flow
    • Ease of use

SUBMISSION AND SOURCE FILES
Submission File
  • Submit all JPG/PNG image files based on Challenge submission requirements stated above

Source File
  • All source files of all graphics created in either Sketch (Recommended), Adobe Photoshop, or Adobe XD and saved as an editable layer

Declaration File  
  • Declaration files document contains the following information:
    • Stock Photos Name and Source Links from an allowed sources
    • Stock Art/Icons Name and Source Links from an allowed sources
    • Fonts Name and Source Links source from an allowed source
    • MarvelApp share link for review 

FINAL FIXES
  • As part of the final fixes phase, you may be asked to modify content or user click paths

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:

2020 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

  • Sketch
  • Adobe XD

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30130932