Challenge Summary
Welcome to the "GE - B2B App Homepage Design Concepts Challenge". We are currently rolling out a new B2B platform and are looking for design help for key aspects of the application. In this challenge, we need your help to create the best possible UI/UX for the homepage of our B2B Application. This application will be used by GE partners to configure, quote, & order our products globally.
Note: Additional GE Challenge Rules
- Please refer to GE Official Rules applicable to this challenge (attached to the challenge)
- To the extent there is any conflict between these Official Rules and additional Topcoder Terms and Conditions of Use referenced off the Website, these Official Rules govern.
- Winners from this challenge need print, sign and send back to us the IP Rights document from GE before eligible for the prizes
1. Homepage (desktop)
2. Card arrangement (desktop)
3. All available cards / preview (desktop)
As part of your checkpoint submission upload your submission to InVision or Marvel App so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
1. Homepage (desktop / mobile)
2. Card arrangement (desktop / mobile)
3. All available cards / preview (desktop / mobile)
As part of your final submission upload your submission to InVision or Marvel App so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
?- If you need an Invision Project, please request one from adroc@topcoder
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
Design Problem
As we evolve in our journey with our new B2B application, we are seeking the best way to provide a clean, intuitive home screen that supports both the expert/frequent user and the experience of a more novice user. Users need the ability to create a personal experience based on their needs. This involves selecting the appropriate 'cards' to create a homepage that best works for them.
Design Goals
We are looking for overall screen design that enables a user to quickly navigate and accomplish stated goals for the particular functionality providing a superior user. Designs should be responsive by nature to allow for desktop or mobile interaction.
Requirements:
Download the Challenge Attachments
1. Homepage
- Screen is to adhere to the 'card' concept currently adopted
- Cards can be any size and span multiple columns, etc.
- Looking for how to incorporate things like upcoming products and other attributes seen on the legacy site homepage
- Also, the ability to provide a way for users to access functionality that they might not have a card for or for cards not on their homepage
2. Card Arrangement
- Allow a user to select their preferred arrangement for cards
- Concept of simple or expanded views for cards
3. All Available Cards
- Meant to show the user all cards available for their homepage selection
- Incorporate some kind of 'preview' to allow users to understand and visualize the content of individual cards
Branding Guidelines:
- Inspired by the GE branding guidelines and goals (provided attachments)
- We are looking for new concepts and new innovative approaches
- Screen designs should be consistent across the 3 targeted screens listed above
- Focus will be on screen flow, usability, etc. (not colors & fonts)
Supporting Documents:
- See attachments for some ideas and the legacy design.
Target Audience:
- The application will be used by external customers who are familiar with these processes in our legacy application.
- Demographics widely range from those well versed in web applications to those that do not typically use e-commerce solutions.
- Your solution should consider global applicability.
Judging Criteria:
Your submission will be judged on the following criteria:
- How well does your design align with the objectives of the challenge
- Cleanliness of screen design and user flow
- Overall design and user experience
Submission & Sources 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
- Please upload JPG/PNG images in a zip file with all requested contest requirements stated above.
- Number your files (01, 02, 03, etc) this will help review them in order.
- Please submit documentation in pdf format with as many pages and images as required to explain your design and solution.
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, you may also 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.
Note: Additional GE Challenge Rules
- Please refer to GE Official Rules applicable to this challenge (attached to the challenge)
- To the extent there is any conflict between these Official Rules and additional Topcoder Terms and Conditions of Use referenced off the Website, these Official Rules govern.
- Winners from this challenge need print, sign and send back to us the IP Rights document from GE before eligible for the prizes
Round 1
Submit initial design concepts for client feedback1. Homepage (desktop)
2. Card arrangement (desktop)
3. All available cards / preview (desktop)
As part of your checkpoint submission upload your submission to InVision or Marvel App so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
Round 2
Final designs with checkpoint feedback included1. Homepage (desktop / mobile)
2. Card arrangement (desktop / mobile)
3. All available cards / preview (desktop / mobile)
As part of your final submission upload your submission to InVision or Marvel App so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
?- If you need an Invision Project, please request one from adroc@topcoder
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
Design Problem
As we evolve in our journey with our new B2B application, we are seeking the best way to provide a clean, intuitive home screen that supports both the expert/frequent user and the experience of a more novice user. Users need the ability to create a personal experience based on their needs. This involves selecting the appropriate 'cards' to create a homepage that best works for them.
Design Goals
We are looking for overall screen design that enables a user to quickly navigate and accomplish stated goals for the particular functionality providing a superior user. Designs should be responsive by nature to allow for desktop or mobile interaction.
Requirements:
Download the Challenge Attachments
1. Homepage
- Screen is to adhere to the 'card' concept currently adopted
- Cards can be any size and span multiple columns, etc.
- Looking for how to incorporate things like upcoming products and other attributes seen on the legacy site homepage
- Also, the ability to provide a way for users to access functionality that they might not have a card for or for cards not on their homepage
2. Card Arrangement
- Allow a user to select their preferred arrangement for cards
- Concept of simple or expanded views for cards
3. All Available Cards
- Meant to show the user all cards available for their homepage selection
- Incorporate some kind of 'preview' to allow users to understand and visualize the content of individual cards
Branding Guidelines:
- Inspired by the GE branding guidelines and goals (provided attachments)
- We are looking for new concepts and new innovative approaches
- Screen designs should be consistent across the 3 targeted screens listed above
- Focus will be on screen flow, usability, etc. (not colors & fonts)
Supporting Documents:
- See attachments for some ideas and the legacy design.
Target Audience:
- The application will be used by external customers who are familiar with these processes in our legacy application.
- Demographics widely range from those well versed in web applications to those that do not typically use e-commerce solutions.
- Your solution should consider global applicability.
Judging Criteria:
Your submission will be judged on the following criteria:
- How well does your design align with the objectives of the challenge
- Cleanliness of screen design and user flow
- Overall design and user experience
Submission & Sources 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
- Please upload JPG/PNG images in a zip file with all requested contest requirements stated above.
- Number your files (01, 02, 03, etc) this will help review them in order.
- Please submit documentation in pdf format with as many pages and images as required to explain your design and solution.
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, you may also 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.