Challenge Summary
Contest Summary
Welcome to the TopCoder Marketing Asset Presentation Slides Design.
The goal of this contest is to create solid presentation for upcoming TopCoder Marketing Asset. We will be providing your our previous SXSW Icons and Presentation as your design base. We want you to focus on the different slide content as stated more details below!
Let us know if you have any questions!
Round 1
Submit some initial slides for our review
1). Studio - Design UI/UX
2). Software Development
- any extra slides would be useful!
- Please number your images (00,01,02,03)
- Notes.jpg: Send me some notes and comments!
Round 2
All Final designs!
1). Studio - Design UI/UX
2). Software Development
3). Algorithms & Analytics
4). STEM Educations
- Any new items requested in Round 2
- Number your images! (00,01,02,03)
- Notes.jpg: Send me some notes and comments!
Design Guidelines
- For this contest we need you to create complete presentation based on provided content below by combine/merge existing SXSW Icons, Slide theme and Presentation Deck.
- On some slides you might re-adjust some graphics and icons to match with SXSW Presentation Theme.
- Each page on this submission need show some about the breadcrumb (Check "Wirefame-Breadcrumb-Format" folder)
- When user access the chidren page, you need put back button to its parent page.
- We need your help suggest us better wording on every slides.
- The result of this contest will be develop on HTML5 Presentation.
Branding Guidelines
- Make sure stick with provided SXSW themes (logo style, font or color usages, typography, icon style etc)!
Presentation Flow
Homepage
Reference old design: 00_opening_slide.jpg
- Update the icons title.
- Arrange the placement on icons like sorting.
- Homepage will showing these 4 following icons.
1). Studio - Design UI/UX (Re-use Studio Icon!)
Reference old design: 01_studio.jpg
- These 4 following choices need displayed on this page:
1. 1. Next Gen Interfaces (New Icon)
1. 2. Video (New Icon)
1. 3. Presentations (New Icon)
1. 4. TopCoder Studio (New Icon)
1. 1. Next Gen Interfaces
- User clicks they are taken to 2 choices below:
1. 1. 1. Self Service Technology
- Takes a user to this page
1. 1. 2. Loyalty & Rewards
- Takes a user to see external website page.
1. 2. Video
- Click this icon need take to separate page contains video player.
- We will use standard youtube video player to display the video.
- User clicks they are taken to this video playing inside the application
- Video Link
1. 3. Presentations
- Click this takes a user separate pages, contains slides flow. Refer existing slides in "01 Studio" folder.
- Slides need shown like the attached presentation (TopCoder_Webinar_Series_Atomization.pptx)
- For slide #1 - slide # 7, icons and source file provided on attachement. You need might need adjust how the slide looks when use provided icons.
- For slide #8 - slide #11, please recreate graphics format based on provided SXSW theme.
- You need grab icons/graphics from provided source files and put them in correct slide flow.
- Make sure content similar.
1. 4. TopCoder Studio
- User click this icon need taken to an image gallery page (5 to 6 pics)
- You need create how the image gallery would looks.
- Put placeholder for the image gallery for now.
2). Software Development (Re-use Enterprise Icon!)
Reference old design: 01_enterprise.jpg
- These 3 following icons need displayed on this page:
2. 1. Mobile (New Icon)
- Click this icon will take to its children page.
- User clicks Mobile they see the following choices:
2. 1.1. Manufacturing – Next Gen. Mobile Experience Created
- Click Manufacturing need take user to this page
2. 1.2. Loyalty & Rewards – Mobile Shopping Done Right
- Click Loyalty & Rewards need takes a user to a external website page.
2. 1.3. Enterprise Sales & Marketing – Powerful Content, Beautifully Displayed
- Click Enterprise Sales & Marketing need takes a user to a external website page.
2. 2. Gaming (New Icon)
- User clicks Gaming they see the following choices:
2. 2. 1. DARPA - Social Games that Educate
- Click DARPA takes user to this page
2. 2. 2. Games
- User click this need taken to an image gallery page (similar with TopCoder Studio slide)
2. 3. Web (New Icon)
- User clicks Web they see the following choices:
2. 3. 1. Humana - Pharmaceutical Web Services Site
- Click Humana will takes user to this page
2. 3. 2. TopCoder.com
- User click this icon need taken to an image gallery page.
3). Algorithms & Analytics (Re-use Analytics Icon!)
Reference old design: 01_analytics.jpg
- These 4 following choices need displayed on this page:
3. 1. Big Data (New Icon)
If they click Big Data (they are shown 2 choices)
3. 1. 1. Bio-Medics Infographic
- Click this page need take to separate page contains Harvard-Infographics.zip
3. 1. 2. NASA Big Data Challenge
- User clicks show the new page need shown a reformatted version of this article
3. 2. Bio-Technology (New Icon)
- DNA Sequencing: Extreme Value Outcome (user clicks it shows them this page)
3. 3. Government (New Icon)
- Innovation Platform: The NASA Tournament Lab (user clicks they are shown this page)
3. 4. Video (New Icon)
- The Promise for Big Data in Open Innovation
- Click this icon need take to separate page contains video player.
- Video Link
4). STEM Educations (Re-use Education Icon!)
- These 2 following choices need displayed on this page:
4. 1. Gaming (New Icon)
User clicks Gaming they see the following choices:
4. 1. 1. DARPA
- Social Games that Educate
- Click DARPA - takes user to this page
4. 1. 2. Games
- User click this need taken to an image gallery page (similar with TopCoder Studio slide)
4. 2. Coding(New Icon)
- Click this icon will take to these 2 separate pages:
4. 2. 1.Programming Space Robots! Zero Robotics
- Click Zero Robotics will take user to see this page
4. 2. 2. Teach a Kid to Code! SoCo
- You need create some graphics on this page related to the title.
- Click School of Code will take user to see this page
Target User
- Potential Customer
- Potential New Community Members!
Judging Criteria
- High quality and cleanliness of design (always a priority)
- User Experience
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x768 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG image files based on contest submission requirements stated above.
Source Files
All original source files. Original source files should be saved as layered Photoshop PSD files or AI / EPS (Illustrator) files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (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.