Challenge Summary
Welcome to the 2013 TopCoder Track Presentation Storyboard Contest! The goal of this contest is to design the storyboard of a presentation that will describe the six (6) tracks of TCO to our audience. This presentation that will also be used in other places than just on-site. It will be a guide to the TCO!
For this contest, we are looking for awesome storyboard design that will utilize the HTML5/CSS3 animation technology when converted into an HTML prototype.
Round 1
1) Your initial design solution for a review
2) Any note for the client about your submission
3) Number your submission (01, 02, 03, etc...) for easy client's review
Round 2
1) Final storyboard design with all the requirements mentioned below plus any checkpoint updates
2) Any note for the client about your submission
3) Number your submission (01, 02, 03, etc...) for easy client's review
Primary Goal
During the TCO13 events, people from all over the world will meet at Capital Hilton in Washington DC, USA to compete and watch the competitions of this tournament. Others will be watching from home - watching video, reading the blogs and forum posts, and watching the results closely.
We want to create one presentation that includes information from all the tracks, as well as member quotes, lots of quality pictures, videos and anything else that will help explain the TCO and capture the excitement!
Design Considerations:
This presentation should be branded with the TCO13 colors and imagery. The branding should be relatively easy to swap out in subsequent years, so please keep that in mind when designing.
We have attached the TCO13 storyboards and use those as inspiration. You may use any photos from any past TCO events and you can find them on each tournament website. Below are the photos of the past events. Please note that the photos in your design should be easily changed or updated without any storyboard update as we plan to use current events photo as they happen.
- http://community.topcoder.com/tco12/photos/
- http://community.topcoder.com/tco11/photos/
- http://topcoder.com/home/tco10/photos/
Presentation Inspirations:
We are looking for some interactivity combined with cool animation. We will be utilizing HTML5 and CSS3 in creating the HTML presentation, for this here are some cool HTML5 inspiration that we think are awesome. THESE SERVES AS AN INPIRATIONS ONLY AND PLEASE DO NOT COPY EXACTLY THEIR GRAPHICS AND ANIMATIONS.
- http://www.google.com/green/storyofsend/ (click Start the Story)
- http://stuffandnonsense.co.uk/content/demo/madmanimation/ (click "Watch" at the top)
- https://developer.cdn.mozilla.net/media/uploads/demos/n/k/nklsrh/fde5955d7708e82ad516b9c47f59fd09/battlefield-css3_1309161921_demo_package/index.html
- http://2012.beercamp.com/
- http://cinema-series.orange.fr/evenement/universeries/en/ (skip the intro)
- http://slaveryfootprint.org/
Code Considerations:
This presentation will be used on-site, online, on tablets, etc. It will be developed using HTML5, CSS3, and jQuery, or equivalent for transitions and animations. Although you are designing the look of the presentation only, it's important to keep this in mind when designing. Any transitions should be described in a notes document (as well as including sample links, if helpful).
Requirements
Ideally, your design should include the following screens/sections:
- Track's main menu (see the provided HTML prototype for the text copy and content of this screen)
- Introduction to TCO13
- Track descriptions
- and other tco13 onsite happenings (latest blog, tweets, upcoming competitions)
You can check the provided HTML prototype of TCO12 Track Presentation for the text copy or content of these screens/sections.
Branding Guidelines
- should be branded with TCO13 colors and images
- your design should be consistent and compliments with the provided pogram cover, inside program pages, table top, and certificate designs that are all included in other.zip (the files are only in PNG files as there's no need to use this files, we're providing them to keep your design consisten with these).
Target Audience
- TopCoder and Studio members
- TopCoder's Clients and Sponsors
- Potential Member
- Potential Client and Sponsors
- Anyone interested in learning about the TCO
Judging Criteria
- The look and feel of the finished presentation.
- The value added by animations and effects.
- The smoothness/innovativeness of the transitions and how the information is displayed
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG/JPEG images in a zip file with all requested contest requirements stated above.
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
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors.
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.