Challenge Summary
Welcome to the FAST! - Topcoder Cognitive Community Microsite Design Challenge. We are looking to design a microsite portal for Topcoder designers and developers to learn more about cognitive technologies and to join the Topcoder Cognitive Community. Similar to previous Topcoder customer sponsorship programs we are looking to create a simple yet engaging portal for this program.
1) Home (Desktop & Mobile)
2) Get Started (Desktop & Mobile)
3) About (Desktop & Mobile)
- Please provide an InvisionApp presentation of your design. If you dont have access to Topcoder's InvisionApp account requeste for the link in forum.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
1) Home (Desktop & Mobile)
2) Get Started (Desktop & Mobile)
3) About (Desktop & Mobile)
4) Resources (Desktop & Mobile)
5) Compete (Desktop & Mobile)
- Please provide an InvisionApp presentation of your design. If you dont have access to Topcoder's InvisionApp account requeste for the link in forum.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Details
We are looking to create a new Topcoder portal site focused on cognitive technologies! Our microsite will be used to inform and recruit Topcoder members to register and compete in cognitive technology challenges. Computers increasingly are able to do things once thought unique to human abilities and intelligence. It is now possible to automate tasks that require human perceptual skills (recognizing handwriting or identifying faces) and those that require cognitive skills, such as planning, reasoning from partial or uncertain information, and learning. Technologies able to perform these tasks are known as cognitive technologies. Examples of cognitive technologies include computer vision, machine learning, natural language processing, speech recognition, and robotics.
The first set of cognitive challenges will be sponsored by IBM and will focus on leveraging IBM Watson. This microsite focus is on cognitive technologies with IBM as the sponsor - please keep this in mind when designing. We want to create a great "Topcoder branded" microsite and not an IBM branded site.
When designing the site make it relevant to you and Topcoder developers. (Final users will be the Topcoder Community).
Important:
Reference Template
- We will be using our current “Predix” microsite for layout reference: http://predix.topcoder.com/
- We are looking to reuse the base code... so, be inspired by the site but do not let it hinder your creative process.
Microsite Content Ideas:
- https://www.ibm.com/cognitive/
- Do your research!
Design Guidance
- Current site reference
- Topcoder Brand Board
- IBM Cognitive
- IBM Design Language (Utilize the guidelines here.. but apply it to Topcoder)
- IBM iX
Microsite Navigation
See: https://ios.topcoder.com/, http://predix.topcoder.com/
- Home
- Get started
- About
- Resources
- Competitions
- Leaderboard (What should this look like for Cognitive?)
1) Home - Landing Page
- The main goal is for Topcoder Community members to learn about Cognitive technologies and this Topcoder Community and register to learn more and compete!
- All call to action items should relate to registering for the Cognitive Community or Competing.
- The main focus should be on the Topcoder Cognitive Community.
- Marketing graphics/messaging start (https://www.ibm.com/cognitive/)
- Topcoder Cognitive Community sponsored by IBM
- Main Action Button: Link to Signup
- Action Button: Link to Signup
- Action Button: Sign up for Topcoder Cognitive Newsletter
Note: All the Action Buttons/Links must be easily identifiable, so everyone can see them.
2) Get Started
- Welcome message (Dave)
- Information on Registering/Signup on Topcoder Cognitive
- Start your Cognitive Journey
- Information on Topcoder Cognitive Challenges
- Action Button: Register
- Action Button: Compete
3) About
- Learning about Cognitive on Topcoder
- Sponsor content information: IBM. More sponsors can be added in the future.
- IBM Watson/IBM Cognitive
4) Resources
- Cognitive IBM Products Marketplace (https://www.ibm.com/marketplace/cognitive/us/en-us)
- Message Board/Forum Link (Links to Topcoder Forum)
- Support Link
- FAQ's
- Action Button: Register
- Action Button: Sign up for Newsletter
5) Challenges
- This will be a challenge list page
- Please use real content from Topcoder challenge list page
Required Responsive Sizes
- Desktop (Web): Design for display 1280px and height as required.
- Mobile: Design for display 750px and height as required.
Important
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
- Push the branding! adroc will be directing the design.. so work to improve the Topcoder brand and leverage Design Language learnings.
Target User
- Topcoder Members interested in Cognitive Technologies and IBM Watson Platform.
Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design
- Responsive 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 screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
Please provide all original source files of the submitted design. Files should be created in Adobe Photoshop (layered PSD file) or Sketch.
Final Fixes:
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Round 1
For 1st round we need you to provide your first proposal for the following screens:1) Home (Desktop & Mobile)
2) Get Started (Desktop & Mobile)
3) About (Desktop & Mobile)
- Please provide an InvisionApp presentation of your design. If you dont have access to Topcoder's InvisionApp account requeste for the link in forum.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
For 2nd round we need you to provide your final designs proposal plus feedback implemented on your designs for ALL REQUIRED SCREENS.1) Home (Desktop & Mobile)
2) Get Started (Desktop & Mobile)
3) About (Desktop & Mobile)
4) Resources (Desktop & Mobile)
5) Compete (Desktop & Mobile)
- Please provide an InvisionApp presentation of your design. If you dont have access to Topcoder's InvisionApp account requeste for the link in forum.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Details
We are looking to create a new Topcoder portal site focused on cognitive technologies! Our microsite will be used to inform and recruit Topcoder members to register and compete in cognitive technology challenges. Computers increasingly are able to do things once thought unique to human abilities and intelligence. It is now possible to automate tasks that require human perceptual skills (recognizing handwriting or identifying faces) and those that require cognitive skills, such as planning, reasoning from partial or uncertain information, and learning. Technologies able to perform these tasks are known as cognitive technologies. Examples of cognitive technologies include computer vision, machine learning, natural language processing, speech recognition, and robotics.
The first set of cognitive challenges will be sponsored by IBM and will focus on leveraging IBM Watson. This microsite focus is on cognitive technologies with IBM as the sponsor - please keep this in mind when designing. We want to create a great "Topcoder branded" microsite and not an IBM branded site.
When designing the site make it relevant to you and Topcoder developers. (Final users will be the Topcoder Community).
Important:
Reference Template
- We will be using our current “Predix” microsite for layout reference: http://predix.topcoder.com/
- We are looking to reuse the base code... so, be inspired by the site but do not let it hinder your creative process.
Microsite Content Ideas:
- https://www.ibm.com/cognitive/
- Do your research!
Design Guidance
- Current site reference
- Topcoder Brand Board
- IBM Cognitive
- IBM Design Language (Utilize the guidelines here.. but apply it to Topcoder)
- IBM iX
Microsite Navigation
See: https://ios.topcoder.com/, http://predix.topcoder.com/
- Home
- Get started
- About
- Resources
- Competitions
- Leaderboard (What should this look like for Cognitive?)
1) Home - Landing Page
- The main goal is for Topcoder Community members to learn about Cognitive technologies and this Topcoder Community and register to learn more and compete!
- All call to action items should relate to registering for the Cognitive Community or Competing.
- The main focus should be on the Topcoder Cognitive Community.
- Marketing graphics/messaging start (https://www.ibm.com/cognitive/)
- Topcoder Cognitive Community sponsored by IBM
- Main Action Button: Link to Signup
- Action Button: Link to Signup
- Action Button: Sign up for Topcoder Cognitive Newsletter
Note: All the Action Buttons/Links must be easily identifiable, so everyone can see them.
2) Get Started
- Welcome message (Dave)
- Information on Registering/Signup on Topcoder Cognitive
- Start your Cognitive Journey
- Information on Topcoder Cognitive Challenges
- Action Button: Register
- Action Button: Compete
3) About
- Learning about Cognitive on Topcoder
- Sponsor content information: IBM. More sponsors can be added in the future.
- IBM Watson/IBM Cognitive
4) Resources
- Cognitive IBM Products Marketplace (https://www.ibm.com/marketplace/cognitive/us/en-us)
- Message Board/Forum Link (Links to Topcoder Forum)
- Support Link
- FAQ's
- Action Button: Register
- Action Button: Sign up for Newsletter
5) Challenges
- This will be a challenge list page
- Please use real content from Topcoder challenge list page
Required Responsive Sizes
- Desktop (Web): Design for display 1280px and height as required.
- Mobile: Design for display 750px and height as required.
Important
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
- Push the branding! adroc will be directing the design.. so work to improve the Topcoder brand and leverage Design Language learnings.
Target User
- Topcoder Members interested in Cognitive Technologies and IBM Watson Platform.
Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design
- Responsive 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 screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
Please provide all original source files of the submitted design. Files should be created in Adobe Photoshop (layered PSD file) or Sketch.
Final Fixes:
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
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.