Contest Types

Studio has several different types of competitions to choose from. Here is an overview of what you’ll find.

Graphic Design

Logo Design

Logo competitions on Studio range from conceptualizing the primary identifying mark of a company to creating a product logo or service mark.

Print Design

Print competitions can range from a poster for a company event, to a tri-fold brochure promoting services. Here are some examples of print contests:

  • T-shirt design
  • Postcard/mailer or invitation design
  • Banners, table-tops and other conference materials
  • Posters and flyers
  • Business cards and other stationery

Presentation Design

Presentation design contests organize marketing or sales material into a professional design. Contests include:

  • PPT slide templates (masters)
  • Report/presentation covers
  • Graphs, charts and other graphics used within a presentation

UI Design

Web and Application Design

Web and App design contests are called “storyboards.” They produce “flat” graphic files; the screens look exactly how they should appear to the user, but nothing about the storyboards is interactive or functional. Here are a few examples of the types of storyboards on Studio:

  • A one-screen storyboard of a web site’s main page.
  • A two-screen storyboard contest of a web site’s main page and a sub-page template.
  • A multi-page storyboard contest asking members to design certain pages of a web site or desktop application.
  • A storyboard design for a mobile application.

Many contest holders start with a one- or two-page contest to get ideas for the “look and feel”, then choose a winner and run another contest to apply that look and feel to more pages of the site or application. Storyboard contests rarely require more than 10 screens. The remaining screens are built during in the UI Prototype contest (outside of Studio in the Software contests on TopCoder).

Banners/ Small Element Design

This category covers traditional web banners, along with promos that can be used both on web sites and email newsletters. Banner contests often require competitors to design at least three sizes, while promo contests often require different versions with alternate text provided by the contest holder.

Icons

Icons are designed for web sites, print publications, applications, mobile apps, and anywhere else where icons may be used. Contests could require just a few icons, or a larger set.

Information Architecture

Wireframe

Wireframe Competitions are designed to take the requirement documents inputs from the Specification Contest (or directly from the client) and create a “roadmap” of the working application. They do not demonstrate the look and feel of the website or application. The end result of a Wireframe competition is a fully navigable representation of all of the pages and interactions for the entire website or application as well as a visual sitemap.

Idea Generation

This unique type of contest asks competitors to conceptualize an idea and present it in written format, often with drawings or other diagrams to help explain the idea. Examples of Idea Generation contests include:

  • Contest to come up with iPhone app ideas for a company
  • Contest to take a generalized idea for an application and come up with a way to customize it for a niche group

Development (on TopCoder.com)

Once application, mobile and web designs are finalized in Studio, they move out of Studio and into the development phase on TopCoder.com. Here are some details about those contest types.

UI Prototype

UI Prototype Competitions are designed to take the graphics (UI storyboards) and information architecture (IA wireframes) of a web site or application and create a demonstration of the working application. Prototypes in this type of competition are created in HTML/CSS and are generally used as the input of the next phase of development, although some prototypes move directly into production (simple web sites, for example).

RIA Build

Rich Internet Application (RIA) Build Competitions provide the build of small applications used both on the Internet and on the desktop. Most of the competitions here are in Flash or Flex. The competitions take the graphics (UI storyboards) and information architecture (IA wireframes) of the app to be built and create the working application.