Challenge Summary
The TopCoder Social Media Mashup is a new TopCoder Developer Challenge
For this contest you will be developing Storyboards for the "TopCoder Social Media Mashup" mini-site. This new TopCoder Developer Challenge will be a series of competitions to produce TopCoder Community related Social Media Apps! Have you ever had an idea for a cool social media app for the TopCoder community? Did you need some help making your widget, bot or app a reality? The Social Media Mashup will allow members of the TopCoder community to use publicly available data to highlight their work and achievements, communicate and share their experience with others.
This mini-site will give information about the contest including updated news, allow competitors to submit, allow competitors and spectators to view submissions, and allow everyone to discuss the contest in general. This site is going to be highly visible so it needs to be exciting and get everyone engaged in the contest. Design Concepts It's very important to that this site be engaging, EDGY! exciting and lively. Some concepts to consider when designing: - Social Media! (of course!) - Community - Innovation - Performance - Sharing (Do your Social Media Research please!) Logos - We need a logo for the TopCoder Social Media Mashup! - You can use the TopCoder brackets and TopCoder colors - DO NOT use the Bank Gothic Font - How "TopCoder Social Media Mashup" is used is up to you (we will provide feedback around this in Round 2) - How you use the words "TopCoder Social Media Mashup" is up to you. - The Powered by TopCoder logo also needs to be used someplace on the page, secondarily to the main logo. Wireframes - Please refer to past TopCoder Challenges (Especially Remix) to see what is required. Reference These links are for reference purposes only. Do not simply re-skin any of these sites. That is not the intention of this contest! Previous TopCoder Challenge's - Remix Challenge - http://topcoder.com/home/remixchallenge/ - Ribbit Killer App Challenge - http://killerappchallenge.ribbit.com/ - ESPN Winning Formula Challenge - http://winningformula.espn.com/ Required Pages For this contest you will be designing two pages of this mini-site, the Home Page and the Learn More page. Home Page All of the elements present in the Remix site must be present in your design. (three column layout) - Home - Learn More - Apps - Get the Feeds - Forums - Challenges = Social Media Contests - Blog - Twitter Feed - Latest News (Blog) - Active Contests - News & Announcements - Forum Feed Learn More This page will be the template for the site's secondary pages - logo + Page Title - Link On-State - Two-Column Layout - You can use Greek text - Welcome Message - What is the TopCoder Social Media Mashup - How to Compete - Right side Active Contests, News Feed, Forum Feed Please remember to submit UNIQUE designs - do not simply make minor modifications and resubmit. Target User As this Challenge will involve the entire Topcoder Community, contestants will visit the site often to check their progress, see the schedule, and see the winners announced for the various competitions. Judging Criteria - Concept/Creativity: Is the design unique and modern. - Execution: The quality of the graphic design and web elements. - User Experience - The logo design is not as crucial as the overall storyboard design. Concentrate on the mini-site design. Contest Deliverables Round One Social-Media-Home.jpg = Your submitted design solution for a review Learn-More.jpg = Your submitted design solution for a review (also any additional screens that will help the client understand your design and user flow) Notes.jpg = An image file that explains your design and solution Round Two Social-Media-Home.jpg = Final Design Learn-More.jpg = Final Design Notes.jpg = An image file that explains your design and solution You must submit all requested deliverables to be considered for prizes - you may submit more if necessary to explain your design Submission & Source Files Preview Image Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screen-shot of your submission within it. You are free to re-size or crop your submission to fit this size, but do not add any filters or elements for dramatic effect, such as drop shadows or reflections. Submission File All Requested Contest Submission Requirements stated above. Files should be saved as JPG or PNG files in RGB mode at 72dpi. Source Files All original source files of the submitted design. Files should be created in Adobe Photoshop, Gimp, Adobe Illustrator or Inkscape and saved as layered PSD files, AI or EPS files. . Final Fixes As part of the final fixes phase you may be asked to modify fonts (sizes or colors) or modify overall storyboard colors.
Round 1
At the end of Round 1, we will choose five (5) Round 1 winners, each will win $100 and a Design Review. These winners and any member who had a passing submission in round one will be eligible to compete in Round 2 for the additional $1000 in prizes.Round 2
Round 2 will start with the announcement of the Five (5) $100 Round 1 winners and their design review.This mini-site will give information about the contest including updated news, allow competitors to submit, allow competitors and spectators to view submissions, and allow everyone to discuss the contest in general. This site is going to be highly visible so it needs to be exciting and get everyone engaged in the contest. Design Concepts It's very important to that this site be engaging, EDGY! exciting and lively. Some concepts to consider when designing: - Social Media! (of course!) - Community - Innovation - Performance - Sharing (Do your Social Media Research please!) Logos - We need a logo for the TopCoder Social Media Mashup! - You can use the TopCoder brackets and TopCoder colors - DO NOT use the Bank Gothic Font - How "TopCoder Social Media Mashup" is used is up to you (we will provide feedback around this in Round 2) - How you use the words "TopCoder Social Media Mashup" is up to you. - The Powered by TopCoder logo also needs to be used someplace on the page, secondarily to the main logo. Wireframes - Please refer to past TopCoder Challenges (Especially Remix) to see what is required. Reference These links are for reference purposes only. Do not simply re-skin any of these sites. That is not the intention of this contest! Previous TopCoder Challenge's - Remix Challenge - http://topcoder.com/home/remixchallenge/ - Ribbit Killer App Challenge - http://killerappchallenge.ribbit.com/ - ESPN Winning Formula Challenge - http://winningformula.espn.com/ Required Pages For this contest you will be designing two pages of this mini-site, the Home Page and the Learn More page. Home Page All of the elements present in the Remix site must be present in your design. (three column layout) - Home - Learn More - Apps - Get the Feeds - Forums - Challenges = Social Media Contests - Blog - Twitter Feed - Latest News (Blog) - Active Contests - News & Announcements - Forum Feed Learn More This page will be the template for the site's secondary pages - logo + Page Title - Link On-State - Two-Column Layout - You can use Greek text - Welcome Message - What is the TopCoder Social Media Mashup - How to Compete - Right side Active Contests, News Feed, Forum Feed Please remember to submit UNIQUE designs - do not simply make minor modifications and resubmit. Target User As this Challenge will involve the entire Topcoder Community, contestants will visit the site often to check their progress, see the schedule, and see the winners announced for the various competitions. Judging Criteria - Concept/Creativity: Is the design unique and modern. - Execution: The quality of the graphic design and web elements. - User Experience - The logo design is not as crucial as the overall storyboard design. Concentrate on the mini-site design. Contest Deliverables Round One Social-Media-Home.jpg = Your submitted design solution for a review Learn-More.jpg = Your submitted design solution for a review (also any additional screens that will help the client understand your design and user flow) Notes.jpg = An image file that explains your design and solution Round Two Social-Media-Home.jpg = Final Design Learn-More.jpg = Final Design Notes.jpg = An image file that explains your design and solution You must submit all requested deliverables to be considered for prizes - you may submit more if necessary to explain your design Submission & Source Files Preview Image Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screen-shot of your submission within it. You are free to re-size or crop your submission to fit this size, but do not add any filters or elements for dramatic effect, such as drop shadows or reflections. Submission File All Requested Contest Submission Requirements stated above. Files should be saved as JPG or PNG files in RGB mode at 72dpi. Source Files All original source files of the submitted design. Files should be created in Adobe Photoshop, Gimp, Adobe Illustrator or Inkscape and saved as layered PSD files, AI or EPS files. . Final Fixes As part of the final fixes phase you may be asked to modify fonts (sizes or colors) or modify overall storyboard 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.