Challenge Summary
Welcome to the FAST! - GE Predix Community Microsite Design Challenge . We are looking to design a microsite portal for Topcoder designers and developers to learn more about the Predix, Register for Predix and compete on Topcoder/Predix related challenges. Similar to previous Topcoder customer sponsorship programs we are looking to create a simple yet engaging portal for this program.
This is a fast timeline as we want the site designed, coded and live by November 1st!! This challenge is focused on the design!
Let us know if you have any questions.
We need you to provide your Desktop and Mobile designs or the following screens:
1) Home
2) Get Started
3) About
As part of your checkpoint submission, you must upload your submission to InvisionApp so we can provide direct feedback on your designs.
- Please request an InvisionApp link from the Copilot through the challenge forum
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
For final round please provide all Web & Mobile Designs, plus your Checkpoint Feedback implemented.
Remember to include your InvisionApp presentation with your updated designs.
As part of your final submission, you must upload your submission to InvisionApp so we can provide direct feedback on your designs.
- Please request an InvisionApp link from the Copilot through the challenge forum
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
Challenge Details
Our new Topcoder+Predix microsite will be used to inform and recruit Topcoder members to register for the GE Predix Platform! We will be running educational, fun and development challenges focused on Predix! (check it out here: https://www.predix.io/). As Topcoder Designers, we need you to review the content needs, review the Predix brand and pull relevant microsite information from the Predix site. When designing the site make it relevant to you and Topcoder developers. (The user is the Topcoder Community)
Important: Reference Template
We will be using the "Blitz" template for the microsite
- http://blitz.topcoder.com/hpe/
- http://blitz.topcoder.com/hpe-lpc_design/
- http://blitz.topcoder.com/droneseries/
Design the site keeping this template in mind. The site must be branded Predix (so any links going out to the Predix site keeps the brand consistent).
Microsite Content
Old Concepts (incorrect branding)
https://topcoder.invisionapp.com/share/YS8W0L4XZ
New Predix Branding
https://www.predix.io/
https://drive.google.com/drive/folders/0BwfkY6SJxFPiY0hzeVE4S3lNcE0?usp=sharing
Let us know if you have problems accessing this folder.
Microsite Navigation
- Get started
- About
- Resources
- Compete
General Directions
- It is fine to copy any text directly from the Predix site (https://www.predix.io/)
- You can find FAQ’s or questions and link to the /docs or /resources pages
- No “<GE monogram> Predix”... just use Predix (based on the provided site design/branding)
- Let us know if you need any images
1) Home
- The main goal is for Topcoder Community members to learn about Predix and register for Predix (on the GE site).
- All call to action items should relate to registering for Predix
- The main focus should be on the Topcoder Community and Predix
Content
- Marketing graphics/messaging (https://www.predix.io/)
- - Predix Messaging & Why (You can use this content exactly as it is now on Predix site) (https://www.predix.io)
- - Predix Platform Tools and Service Catalog. Use the content from Predix Site but remember to update the styles to the match new design.
- Main Action Button: Link to Signup (Predix)
- Action Button: Link to Signup (Topcoder)
- Action Button: Sign up for Topcoder Predix Newsletter
All the Action Buttons/Links must be easily identifiable, so everyone can see them.
2) Get Started
Content
- Welcome message (Dave Messinger)
- Information on Registering/Signup on Predix
- Build your first App!
- Interactive Demo: “Get a hands-on sneak peek at the Predix platform” - See how to visualize…. “Try Interactive Demo” button (could be interesting to add this, too….)
- Information on Learning Challenges
- Information on Predix (Topcoder) Challenges
- Action Button: Register for Predix
- Action Button: Sign up for Newsletter
3) About
Content
- Learning Predix, how to become a productive developer in the Predix cloud.
- Getting Started With Predix.
- Add a button to "Try an Interactive Demo".
- Sponsor content: (Predix, GE Digital, GENIUSLINK) logos
- Action Button: Register for Predix
4) Resources
Content
- Predix Resources (https://www.predix.io/resources)
- Message Board/Forum Link (Links to Topcoder Forum)
- Support Link
- FAQ's
- - How do I sign up for Predix? (https://www.predix.io/docs#hRtX6sx6)
- - How do I install … (https://www.predix.io/docs#fSrgvYQd)
- - I have question about Predix in general. Where do I go for answers? Here: https://www.predix.io/docs
- - More from https://www.predix.io/support/search/FAQ
- - What is the Industrial Internet: (there is a download here: www.ge.com/digital/predix)
Make this FAQ's page clean and easy to use, think Mobile First.
- Action Button: Register for Predix
- Action Button: Sign up for Newsletter
5) "Interested in Predix"
Some countries might not be able to register for Predix so we want Topcoder members to be able to register their interest through another form (as Predix is not available everywhere yet).
- Think which fields are important to this form: Name? Email? Country? Interests?
- Look to design/add a simple "interested in Predix" signup or a hyperlink for members located in China and Russia.
- This could be near the Register button, text below the Register button etc.
6) Compete
- This will be a challenge list page (similar to the Blitz page challenge listing)
- Please use real content from Topcoder challenge list page
- This page should be part of the new Predix theme
Required 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.
Target User
- Topcoder Members interested in Predix
Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design
- Responsive design
- How is your design ready to go build?
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.
This is a fast timeline as we want the site designed, coded and live by November 1st!! This challenge is focused on the design!
Let us know if you have any questions.
Round 1
Round 1We need you to provide your Desktop and Mobile designs or the following screens:
1) Home
2) Get Started
3) About
As part of your checkpoint submission, you must upload your submission to InvisionApp so we can provide direct feedback on your designs.
- Please request an InvisionApp link from the Copilot through the challenge forum
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
Round 2
Round 2For final round please provide all Web & Mobile Designs, plus your Checkpoint Feedback implemented.
Remember to include your InvisionApp presentation with your updated designs.
As part of your final submission, you must upload your submission to InvisionApp so we can provide direct feedback on your designs.
- Please request an InvisionApp link from the Copilot through the challenge forum
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
Challenge Details
Our new Topcoder+Predix microsite will be used to inform and recruit Topcoder members to register for the GE Predix Platform! We will be running educational, fun and development challenges focused on Predix! (check it out here: https://www.predix.io/). As Topcoder Designers, we need you to review the content needs, review the Predix brand and pull relevant microsite information from the Predix site. When designing the site make it relevant to you and Topcoder developers. (The user is the Topcoder Community)
Important: Reference Template
We will be using the "Blitz" template for the microsite
- http://blitz.topcoder.com/hpe/
- http://blitz.topcoder.com/hpe-lpc_design/
- http://blitz.topcoder.com/droneseries/
Design the site keeping this template in mind. The site must be branded Predix (so any links going out to the Predix site keeps the brand consistent).
Microsite Content
Old Concepts (incorrect branding)
https://topcoder.invisionapp.com/share/YS8W0L4XZ
New Predix Branding
https://www.predix.io/
https://drive.google.com/drive/folders/0BwfkY6SJxFPiY0hzeVE4S3lNcE0?usp=sharing
Let us know if you have problems accessing this folder.
Microsite Navigation
- Get started
- About
- Resources
- Compete
General Directions
- It is fine to copy any text directly from the Predix site (https://www.predix.io/)
- You can find FAQ’s or questions and link to the /docs or /resources pages
- No “<GE monogram> Predix”... just use Predix (based on the provided site design/branding)
- Let us know if you need any images
1) Home
- The main goal is for Topcoder Community members to learn about Predix and register for Predix (on the GE site).
- All call to action items should relate to registering for Predix
- The main focus should be on the Topcoder Community and Predix
Content
- Marketing graphics/messaging (https://www.predix.io/)
- - Predix Messaging & Why (You can use this content exactly as it is now on Predix site) (https://www.predix.io)
- - Predix Platform Tools and Service Catalog. Use the content from Predix Site but remember to update the styles to the match new design.
- Main Action Button: Link to Signup (Predix)
- Action Button: Link to Signup (Topcoder)
- Action Button: Sign up for Topcoder Predix Newsletter
All the Action Buttons/Links must be easily identifiable, so everyone can see them.
2) Get Started
Content
- Welcome message (Dave Messinger)
- Information on Registering/Signup on Predix
- Build your first App!
- Interactive Demo: “Get a hands-on sneak peek at the Predix platform” - See how to visualize…. “Try Interactive Demo” button (could be interesting to add this, too….)
- Information on Learning Challenges
- Information on Predix (Topcoder) Challenges
- Action Button: Register for Predix
- Action Button: Sign up for Newsletter
3) About
Content
- Learning Predix, how to become a productive developer in the Predix cloud.
- Getting Started With Predix.
- Add a button to "Try an Interactive Demo".
- Sponsor content: (Predix, GE Digital, GENIUSLINK) logos
- Action Button: Register for Predix
4) Resources
Content
- Predix Resources (https://www.predix.io/resources)
- Message Board/Forum Link (Links to Topcoder Forum)
- Support Link
- FAQ's
- - How do I sign up for Predix? (https://www.predix.io/docs#hRtX6sx6)
- - How do I install … (https://www.predix.io/docs#fSrgvYQd)
- - I have question about Predix in general. Where do I go for answers? Here: https://www.predix.io/docs
- - More from https://www.predix.io/support/search/FAQ
- - What is the Industrial Internet: (there is a download here: www.ge.com/digital/predix)
Make this FAQ's page clean and easy to use, think Mobile First.
- Action Button: Register for Predix
- Action Button: Sign up for Newsletter
5) "Interested in Predix"
Some countries might not be able to register for Predix so we want Topcoder members to be able to register their interest through another form (as Predix is not available everywhere yet).
- Think which fields are important to this form: Name? Email? Country? Interests?
- Look to design/add a simple "interested in Predix" signup or a hyperlink for members located in China and Russia.
- This could be near the Register button, text below the Register button etc.
6) Compete
- This will be a challenge list page (similar to the Blitz page challenge listing)
- Please use real content from Topcoder challenge list page
- This page should be part of the new Predix theme
Required 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.
Target User
- Topcoder Members interested in Predix
Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design
- Responsive design
- How is your design ready to go build?
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.