Challenge Summary
Welcome to the “GE - B2B App Feature Exploration Design Challenge”. We are currently rolling out a new B2B platform and are looking for help designing key user experience aspects of the application. This application will be used by GE partners to configure, quote, & order our products globally.
We are excited to see how you explore solving and improving the customer experience within our B2B application!
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. Quote Detail Screen (desktop)
2. 'All Quotes' Filtering Page (desktop)
3. Document Generation Wizard (desktop)
- Provide us with an Invision or marvelapp link of your design!
- 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. Quote Detail Screen (desktop & mobile)
2. 'All Quotes' Filtering Page (desktop & mobile)
3. Document Generation Wizard (desktop & mobile)
- Provide us with an Invision or marvelapp link of your design!
- 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).
Challenge Details
Design Problem
As we evolve in our journey designing our new B2B application, we are seeking the best way to provide a clean, intuitive screen flow for key complex scenarios. These scenarios include:
1) The ability to easily filter a long list of quotes (more than 400+)
2) A criteria selection wizard to format data for an output document
3) A quote detail page which could consist of 100+ line items in several categories.
Design Goals
We are looking for fresh user experience concepts that enable a user to quickly navigate and accomplish our stated design problem goals. We need you to review the design problems and look to provide a superior user experience to these complex problems. Designs should be responsive by nature to allow for desktop or mobile interaction.
Scenarios:
1. Quote Details
- Reference Screen "1 - Quote Detail Screen - Current.PNG"
- Show the overall status of the specific quote along with the included line items
- Ability to categorize products (line items) into groups
- Provide access to key functionality of a quote (BOM, Price, Documents, Order)
2. All Quotes Filtering Page
- Reference Screen "2 - All Quotes Screen - Current.PNG"
- -Show all quote summaries from all accounts and all users���
- Allow a user to easily filter a listing of quotes based on key information
- Flexible enough to allow a user to choose output fields, field order, etc
- Store & access 'saved search' entries
- Ability to take action against a specific result line (copy, delete, view, etc)
- Ability to add new quotes
- Ability to marked particular quotes as important.
- Ability to view quotes as list or thumbnail
3. Document Generation Wizard
- No Reference Screen / Check wireframe screens for content (DO NOT COPY) - we are looking for your concepts.
- Wizard is meant to be a 'transition step' between the quote screen and GE's document generation platform
- Allow a user to select through a multi-step wizard key document attributes (pick a template, select products, select drawings, etc.)
- The user has the ability to select which line items along with overall type of Bill of Material (BOM) to be included
- For line items with drawings & other associated documents, allow user to preview documents & select which will be included
- The user has the ability to enter key customer information (or select from existing list)
- Upon 'submission' screen will transfer to document generation engine
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.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application
- Upload your files to InvisionApp or MarvelApp and share your URL in your notes.txt document.
Branding Guidelines:
- Inspired by the GE branding guidelines and goals (attached)
- Looking for new, innovative approach to the user experience (and open to pushing the current user interface experience)
- Screen designs should be consistent across the 3 targeted screens listed above
- Focus will be on screen flow, usability, etc.
Supporting Documents:
- Quote Details current screen (1 – Quote Detail Screen – Current.png)
- All Quotes current screen (2 – All Quotes Screen – Current.png)
- Wireframes (Only for content references - this challenge is focused on new concepts/experience and better experiences)
Screen Size
This app will be responsive and design elements should easily translate to working on different device sizes.
- Desktop: 1280px width with height adjusting accordingly
- Mobile : 750px x 1334px (iPhone 6)
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 usee-commercee solutions.
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 & 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
- 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.
We are excited to see how you explore solving and improving the customer experience within our B2B application!
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. Quote Detail Screen (desktop)
2. 'All Quotes' Filtering Page (desktop)
3. Document Generation Wizard (desktop)
- Provide us with an Invision or marvelapp link of your design!
- 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. Quote Detail Screen (desktop & mobile)
2. 'All Quotes' Filtering Page (desktop & mobile)
3. Document Generation Wizard (desktop & mobile)
- Provide us with an Invision or marvelapp link of your design!
- 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).
Challenge Details
Design Problem
As we evolve in our journey designing our new B2B application, we are seeking the best way to provide a clean, intuitive screen flow for key complex scenarios. These scenarios include:
1) The ability to easily filter a long list of quotes (more than 400+)
2) A criteria selection wizard to format data for an output document
3) A quote detail page which could consist of 100+ line items in several categories.
Design Goals
We are looking for fresh user experience concepts that enable a user to quickly navigate and accomplish our stated design problem goals. We need you to review the design problems and look to provide a superior user experience to these complex problems. Designs should be responsive by nature to allow for desktop or mobile interaction.
Scenarios:
1. Quote Details
- Reference Screen "1 - Quote Detail Screen - Current.PNG"
- Show the overall status of the specific quote along with the included line items
- Ability to categorize products (line items) into groups
- Provide access to key functionality of a quote (BOM, Price, Documents, Order)
2. All Quotes Filtering Page
- Reference Screen "2 - All Quotes Screen - Current.PNG"
- -Show all quote summaries from all accounts and all users���
- Allow a user to easily filter a listing of quotes based on key information
- Flexible enough to allow a user to choose output fields, field order, etc
- Store & access 'saved search' entries
- Ability to take action against a specific result line (copy, delete, view, etc)
- Ability to add new quotes
- Ability to marked particular quotes as important.
- Ability to view quotes as list or thumbnail
3. Document Generation Wizard
- No Reference Screen / Check wireframe screens for content (DO NOT COPY) - we are looking for your concepts.
- Wizard is meant to be a 'transition step' between the quote screen and GE's document generation platform
- Allow a user to select through a multi-step wizard key document attributes (pick a template, select products, select drawings, etc.)
- The user has the ability to select which line items along with overall type of Bill of Material (BOM) to be included
- For line items with drawings & other associated documents, allow user to preview documents & select which will be included
- The user has the ability to enter key customer information (or select from existing list)
- Upon 'submission' screen will transfer to document generation engine
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.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application
- Upload your files to InvisionApp or MarvelApp and share your URL in your notes.txt document.
Branding Guidelines:
- Inspired by the GE branding guidelines and goals (attached)
- Looking for new, innovative approach to the user experience (and open to pushing the current user interface experience)
- Screen designs should be consistent across the 3 targeted screens listed above
- Focus will be on screen flow, usability, etc.
Supporting Documents:
- Quote Details current screen (1 – Quote Detail Screen – Current.png)
- All Quotes current screen (2 – All Quotes Screen – Current.png)
- Wireframes (Only for content references - this challenge is focused on new concepts/experience and better experiences)
Screen Size
This app will be responsive and design elements should easily translate to working on different device sizes.
- Desktop: 1280px width with height adjusting accordingly
- Mobile : 750px x 1334px (iPhone 6)
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 usee-commercee solutions.
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 & 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
- 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.