Challenge Summary
Welcome to the TCO14's Responsive Design Storyboard Contest! We already have TCO14 web design but we're still looking for responsive design that best suites today's mobile devices. The goal of this contest is to create a mobile phone and tablet design version of our current storyboard design.
At the end of this contest, we are looking for a responsive web design for our users to have the best experience when viewed in mobile devices.
Round 1
Round 1:
1) Initial submission design of at least in mobile phone size with all the features mentioned in the Requirement section.
2) Any note for the client about your submission
3) Number your submission (01, 02, 03, etc...) for easy client's review
Round 2
Round 2:
1) Final submission design of both mobile phone and tablet sizes with all the features mentioned in the Requirement section 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 & Design Considerations
The current TCO14 website doesn't look good when viewed in mobile devices, and for this we are looking for a responsive design of our current storyboard to fit in nicely with these mobile phones and tablets.
Your design must utilize and compliment the provided TCO14 storyboard (and NOT the current website), you need to design the pages that are outlined in the requirements section with the following sizes :
- Mobile: width size should be 320px
- Tablet: width size should be 768px
We've also included a sample layout of TCO14 storyboard design in mobile phone layout, please use this as your reference in what we're trying to achieve in this contest.
Please consider that your design should be feasible when applied in HTML/CSS codes without any adjustments in HTML code. You should be careful in re-organizing the layout. For example in this page, ideally the order of sections should be:
1. Header and Navigations (Primary, Secondary, and Tertiary navigations)
2. Page Title
3. Content
4. Sidebar and widgets in the following order: social media buttons, tweets, event sponsors, and forum posts
4. Footer (footer links and powered by TC logo)
Requirements
The pages that needs to be designed for mobile phones and tablets version are:
- Homepage
- Studio Leaderboard page
- Studio Rules page
- Blog page
- Win TCO Trips! page
- Algorithm Leaderboard page
- Mod Dash Final Result page
- Registration Modal screen
For reference on the website, you can visit http://community.topcoder.com/tco14
Branding Guidelines
- maintain the look and feel of the provided TCO14 storyboard design
Target Audience
- TopCoder and Studio members
- TopCoder's Clients and Sponsors
- Potential Member
- Potential Client and Sponsors
Judging Criteria
- Creativity and Graphics Appeal
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, you may use the provided placeholder.png and place a screenshot of your design in the content area.
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.