Design Practice Challenge - Design a User Profile Screen

Key Information

Next Deadline: Registration
Current Deadline Ends: 675d 15h

Challenge Summary

Welcome to the "Design Practice Challenge - Design a User Profile Screen"!

This challenge is created specifically for you, our new member, to learn/practice and get started with Design Competitions at Topcoder by participating and submitting to this very simple challenge where we are asking you to create a single design screen that shows a user’s profile information. You are free to create the design using design tools like Adobe XD, Figma, Sketch, or Photoshop! 

Make sure you register for the challenge and then read more details below and let us know if you have any doubts or questions in The Challenge Forum!

Topcoder Design competitions provide coverage for a full range of design needs, from responsive and mobile application user experience to marketing collateral creation and support. To be specific, there are seven types of design challenges that we offer in the Design track:

  • Application Front End Design
  • Web Design
  • Widget or Mobile Screen Design
  • Wireframes
  • Print/Presentation
  • Design First2Finish
  • Idea Generation

You must ensure your design submission addresses all the requirements mentioned in the challenge specification, and ensure your design follows the best practice for the specific interface or devices. 

Topcoder design challenges usually offer cash prizes for the three top winners and five checkpoint winners, and sometimes beyond that for special challenges like RUX (five top winners and eight rolling checkpoint winners) or LUX (eight top winners and eight rolling checkpoint winners).

In this practice challenge, we bring a basic Design Challenge for you so that you can adapt and get accustomed to the challenge phases.

Each design challenge goes through the following time period phases:

  • Registration - Duration in which you can register for the challenge
  • 1st Round/Checkpoint Submission - Duration in which you can submit according to round one requirements 
  • Checkpoint Screening - Duration in which a Topcoder Screener will check your checkpoint design submission 
  • Checkpoint Review - Duration in which DRB and client will review submissions from round one and provide feedback 
  • 2nd Round/Final Submission - Duration in which all first-round submitters can submit design work after applying the checkpoint feedback received from DRB and Client

After your final submission, the following phases take place: Final ScreeningFinal ReviewFinal Fixes, and Approval.

The majority of design challenges at Topcoder usually use the two-round format unless it is a one-round type challenge such as a Design First2Finish, Rapid User Experience (RUX), or Live User Experience (LUX)

For more help, we have a Detailed Guide about how to compete in a Design Challenge or check out This Video.

Make sure you register for the challenge and then read more details below and let us know if you have any doubts or questions in The Challenge Forum!


  • Create a single UI Design Screen for any web device for a user’s profile.

Please make sure to create and include the following requests in the User Profile screen:

  • Name and Profile Picture such that the audience can easily recognize the user.
  • About to give some brief information about the user.
  • Skills and Specialization to emphasize a user’s strength.
  • Profile links linking to user’s other important and relevant websites (Facebook, Twitter, Dribbble, Github, etc)
  • You can check a sample of Topcoder existing user profiles to get an idea Here 
  • Feel free to use and copy content from Topcoder’s Profile Page and create your own version for the user profile screen
  • Quotes? Hobbies? Interest? Etc? Feel free to add as many details as you want to make your design better!


  • Topcoder members that want to know about you and your history at Topcoder
  • Potential clients that want to know about your skills and achievement at Topcoder before they hire you


  • Creativity: 8
    • [1: barely new ideas]
    • [10: a utopic product with features not proven to be able to be fully implemented]
  • Aesthetics: 10
    • [1: low-fidelity design, wireframe or plain sketch]
    • [10: top-notch finished looking visual design]
  • Exploration: 7
    • [1: strictly follow an existing reference or production guideline]
    • [10: open to alternative workflows/features not listed here that would help the overall application]
  • Branding: 1

    • [1: don’t care at all about the branding just functionality]
    • [10: without a properly branded product there is no success]


  • Open to Designers (Font, Colors, Style, etc)


  • Web App: Minimum 1440px width with height adjusted accordingly


  • All original source files created in Adobe XD, Adobe Photoshop, Figma, or Sketch
  • Marvel Prototype:

    • Upload your screens to Marvel App
    • Ask for Marvel Prototype access in the challenge forum
    • Include your Marvel App URL as a text file in your final submission. Label the file as “MarvelApp URL”


  • Visit Topcoder Challenge Listing Page and filter by the track Design to see all the available Design Challenges.
  • Participate in future Design Challenges (which have their own cash prizes), gather TCO points towards Design Track and stand a chance to win the ‘TCO20 Design Champion’ Title and a whopping $10,000 cash prize.

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.

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.


2021 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? ‌



You must include all source files with your submission.




ID: 30181557