eRelease - iPad Self Service Kiosk Registration F2F Design Challenge




    The challenge is finished.
    Show Deadlinesicon-arrow-up

    Challenge Summary

    Welcome to "eRelease - Self Service Kiosk Registration F2F Design Challenge". In this F2F Design Challenge, we need your help to create several new iPad screens for self-service registration process in our eRelease app. Read more details below and join us now!

    Note: This F2F will use the following format, first submission that meets our requirements will win this challenge!!

    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

    Background Overview
    Our existing eRelease application needs an ambassador/person to make it works. Our application being used at an event like the Boston Marathon, where there will be an ambassador with an iPad (or iPhone) and a professional photographer. As the photographer takes pictures, the ambassador then photographs the image from the back of the pro camera when there is a photo they would like to use in marketing and/or social media. The ambassador then attaches this photo to the release through the app and asks the people that getting photographed to sign a release. The person fills in name and statement that they are over 18, reads the legal copy and signs with their finger.

    We want to simplify this process and make the administration process more smoothly and can be done without ambassador involvement (self-service). The idea is to make a kiosk where people can sign up and give permission to use their images.

    Challenge Goal
    The purpose is to add new functionality to the eRelease application that will allow the app to have a self-service feature that will record a photo and release signature of a person attending an event so the Brand team can then use any photo of that person for future marketing materials and/or social media.  This app must also be able to scan a database of past signers, based on email, to ensure there are no duplicates before requiring a photo and release signature.

    New Proposed Use Case
    - In any event, the Brand team would like to set up a bunch of iPads on a table and ask people to sign up and give permission to use their images. 
    - This process should be very simple and should not need any assistance/support from any JH individual/ambassador

    Note: This F2F will use the following format, first submission that meets our requirements will win this challenge!! 

    Screen Requirements
    1) General Requirements
    - Keep existing functionality intact (being able to collect signatures as you take a photo of someone with the photographer or ambassador walking the person through the release process). To accommodate this, we need a way where the user can choose whether they want to run the app as self-service process (Kiosk) or as ambassador process (classic). This feature needs to appear anywhere on the app so the user can easily switch to their desired mode. 

    2) Self Service Registration Screens
    - The self-service registration process needs to be very simple and user-friendly
    - For example, the first screen of registration process should prompt the user to provide name, email, over 18, and if they are an employee with legal copy and place for signature and the second screen will show the photo of the person

    - We will need details to be entered in the release form (note: event name and date are auto-filled):
    -- Name of the person signing the release form
    -- Event Name (Auto-populated from the app; put in from Settings)
    -- Print Name
    -- eSignature (simply a place/box for the individual to graphically draw their signature with their finger, this might need stand-alone screen)
    -- Date (Auto-populated by app)
    -- Selected image thumbnails added to the release

    - If the photo has any children in it, we need to get the parent's consent before using this media (video/photo).  This section is below the first signature area (see attached Release Form doc in documentation area):
    -- Print Name
    -- eSignature (simply a place/box for the individual to graphically draw their signature with their finger)
    -- Date (Auto-populated by app)

    - The application should be able to recognize emails to prevent duplication of individual information and authorization purpose. At the next event, if an employee has already provided a previous release, they don’t need to sign in again

    3) Search Features
    - The application needs to have information stored in a DB which can be accessed by JH employees to retrieve information as and when needed

    4) Report Screen
    - The Brand team should be able to run reports of the people and employee releases.

    - Keep things consistent. This means all
    graphic styles should work together.
    - All of the graphics should have a similar feel and general aesthetic appearance
    - Focus on User Experience / how user interacts
    within the dashboard and other pages

    Branding Guidelines
    - Follow our existing app (Screenshots available)

    Screen Size
    - iPad: 1536 x 2048 px
    - Need to support both landscape and portrait orientation

    - BlankReleaseForm.docx
    - Screenshot of Existing eRelease App

    Target Audience
    - App will be used by both JH employees and general public

    Judging Criteria
    - How well you plan the user experience and capture your ideas visually.
    - Cleanliness of your graphics and design.
    - Overall design, UI and user experience.
    - Consistency across the UX/UI
    - How well you interpret the example screens (business relevance) and show us new ideas and concepts.

    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 a layered PSD file, or Adobe Illustrator as a layered AI file or Sketch!

    Final Fixes
    This F2F Design Challenge might have finalfix!

    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.


    2018 Topcoder(R) Open



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

    You must include all source files with your submission.