Fun Series October - Mobile Survey App Design Concepts Challenge (Design Language)

Key Information

The challenge is finished.

Challenge Summary

Welcome to the "Fun Series - Design - Mobile Survey App Design Concepts Challenge (Design Language)". This challenge is part of a series of fun challenges across the different Topcoder design and development tracks. The goal is to have fun! Create conversation around what is good experience design and educate on best practices for working within the challenge format. We want to help new designers understand how to use the Topcoder platform and help existing designers improve their skills, knowledge and understanding on what it takes to "win". 

This fun design challenge is focused on creating and planning the user experience for a mobile application. For this challenge we want you to learn and use the IBM Design Language!

Round 1

Round 2

Fun Challenge Details

The “Fun & Learn” company wants to develop a mobile survey solution. Within the format of the fun challenges we will design and build aspects of this survey application. This challenge is focused on designing the potential user experience for the "End User"


This challenge is focused on creating "design concepts" (see forum for discussing of what design concepts are) and how this mobile survey app could potentially look and work. In this challenge, we are focused on designing screens for the Survey.

                Splash screen                   List of available survey screen                      Detail screen

  • Show Splash screen

  • Show list of available surveys screen.

  • Detail screen to selected survey description.

  • A survey has two fields (Title and Description)

  • Each survey has multiple related question with two fields (Question ID and Question Text)

  • The requirement is to create an app that will display all the surveys collected.

  • The user experience for the end user should be easy and catchy.

Design screens related to concepts on what you think the end user should see, what the user should experience when interfacing with this application. 


- This challenge is focused on designing your mobile experience using the IBM Design Language! (and improving your skills in this area)
- Do some research! Ask questions in the forum!
- Lets talk 
design languages!
- This application will be a Mobile Responsive Design but the mobile view still need to feel “at home” when placed next to a native application.

Screen Sizes

- Responsive Focus
- Design screens for iPhone 6 (Portrait view, 750x1334px)


All submission MUST follow IBM Design Language (if you haven't learned it yet - now is a great time!):
-- Layout:
-- Typography:
-- Iconography:
-- Color:
-- Interaction:
-- App Inspiration:

Submission & Source Files

Preview Image
Create your preview image as one (1) 1920x1080 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Please upload PNG images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.  

Final Fixes
No Final Fixes! There is no prize money associated with the challenge. This challenge is intended for fun and learning only

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.


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 "" file.
  3. Place all of your source files into a "" 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.


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.


Questions? ‌Ask in the Challenge Discussion Forums.


  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar
  • EPS files created in Adobe Illustrator or similar

You must include all source files with your submission.




ID: 30051568