Challenge Summary
Welcome to "GE - Product Comparison Tool Design Concept Challenge". In this challenge, we are looking for your initial design concepts and ideas that will help us graphically realize the user interface for a new "Membrane Comparison tool" application. Our new application will be used by potential customers to help them find information about products for Reverse Osmosis (RO) Membrane technology.
Review the provided user scenarios and design screen concepts (desktop + tablet) and click-path solutions. This is the first step in planning our new membrane comparison tools. Join us NOW!!
Round 1
- 00. Navigation
- 01. Dashboard Screen Scenario
- 02. Step 1 - Find and Select Manufacturer Wizard Screen Scenario
- 03. Step 2 - Find and Select Elements Size Wizard Screen Scenario
- 04. Step 3 - Find and Select Membrane Type Wizard Screen Scenario
Round 2
- 00. Navigation
- 01. Dashboard Screen Scenario
- 02. Step 1 - Find and Select Manufacturer Wizard Screen Scenario
- 03. Step 2 - Find and Select Elements Size Wizard Screen Scenario
- 04. Step 3 - Find and Select Membrane Type Wizard Screen Scenario
- 05. Result - Show RO Product Result List Screen Scenario
- 06. Details RO Product Screen Scenario
- 07. Additional screens Scenario
Challenge Details
GE is the leader in power generation and water technologies for utilities, independent power producers, and industrial applications such as food and beverage manufacturers.
In this challenge, we are looking to design a comparison tool (desktop and tablet) application that will enable our existing and potential customer to see specific information about Reverse Osmosis (RO) membrane products that we're offering.
Application Brief
The user will be able to see other manufacturers’ products that may currently be in use by their company. The end result of this application will show what products can replace their existing membrane products.
The goal of this challenge is to kick-start the design and user experience discussion around how this membrane comparison tool application could possible look and work.
Application purpose
The goal of the application is to guide customers to find the perfect membrane products from our client company and then :
- Direct the customer to talk with our client customer service about the best-fit membrane (capture in lead form, measured by # leads) for their needs.
- Direct and persuade the customer to buy the membrane by simply checking/choosing (link to the online store, measured by dollar amount ordered).
User Story
- Imagine you a representative from a professional company that needs to find the best membrane technology/products from our company to be used for new membrane installation in your company OR replacing (migrating) your current membrane product from other manufacturers products.
- However, you are not sure which membrane products from our company would best suit your needs. You know your current manufacturer model, but would like to learn what GE alternatives are suitable or better
- So, you search the GE Water site and found this cool comparison tools to compare membrane products.
- You open the tools url and start to navigate the application.
- You will be able to compare any products from all membrane manufacturers by entering information about the products, such as the company name, the element size and membrane type from provided lists in the comparison tools database.
- Once you get the product result that you need and click the products, you will be informed what product replacement from our company will perfectly match to replace the product and why that product will have better performance that your current membrane solution.
- You will be able to see detailed information regarding our membrane products and then will be able to contact our customer service OR order the products directly online..
Screen Requirements
00. Navigation
- How does the customer navigate this application?
- Include navigation that you think fits with this application (Desktop and Tablet navigation)
- Focus on the priority items and how things should be sized
01. Dashboard Screen Scenario
- By default, this screen will appear every time a user opens the comparison tool
- Simple logo for the comparison tools?
- Introduction to the application - This may provide useful information to users about what the application can do and how to use this application?
- Should we put the selection wizards directly in this screen OR Start the selection from next screen (start button)?
- The user should be able to choose between inputting a competitor’s product name or browse for competitor’s products. If the inputted product name matches one in this Tool’s list, go directly to the Result, otherwise give the user the choice between inputting another product name or start browsing.
- Explore how this page should work (and keep it simple!)
02. Step 1 - Find and Select Manufacturer Wizard Screen Scenario
- This scenario is the first step for our users to find information about the manufacturer of their membrane products.
- Customer should be able to see a list of manufacturers (competitor companies) that build and sell membrane Products from this screen.
- List of manufacturer will be shown here and customer should only able to select one manufacturer company at a time.
- After selecting the manufacturer company, customer can navigate to step 2.
- Needs scenario of what will happen when customers do not find the manufacturer in the list. Report it? Contact customer service directly?
- Explore how this page should work (and keep it simple!)
03. Step 2 - Find and Select Elements Size Wizard Screen Scenario
- Customer can choose and select element size of membrane products that are available from the company selected in the first step.
- Customer should be able to select only one element size at a time.
- After selecting one element size, customer can navigate to step 3.
- Scenarios of what will happen when customers do not find the correct element size in the list? Report it? Contact customer service directly?
- Explore how this page should work (and keep it simple!)
04. Step 3 - Find and Select Membrane Type Wizard Screen Scenario
- Customer can choose and select Membrane Type that are available from the manufacturer selected in step one and match with the elements size from the previous selection.
- Again, only one membrane type can be selected at one time.
- After selecting one element type, customer can navigate to a list of results.
- Scenarios of what will happen when customers do not find the correct element type in the list. Report it? Contact customer service directly?
- Explore how this page should work (and keep it simple!)
05. Result - Show RO Product Result List Screen Scenario
- This scenario will show the products from our client that fit the customer’s selection.
- User will able to click one product result at a time.
- There should be a brief description about the advantage for using these products and some links/buttons will go to a detail screen for the membrane Products.
- Explore how this page should work (and keep it simple!)
06. Details RO Product Screen Scenario
- This screen will show detailed information regarding our client’s membrane products that can be replaced and match the customer’s company needs.
- Provide details information about the membrane product in this screen, the product description, elements inside the products, benefit using the products, what kind of process happen when using this products (for ex, ion exchange resins process, ultrafiltration, catalyst, etc), who should use this product, etc.
- A button or navigation for customers to contact customer service or go directly to the online store purchasing screen.
- Availability - Where can this product can be purchased (world map? text information?)
- Explore how this page should work (and keep it simple!)
07. Additional screens Scenario
- What needs to be provided after a customer finds the perfect membrane products for their needs?
- Screen to contact customer service?
- Screen to buy the Products online?
- Download list of others membrane products that are available in our client company?
- Show us your suggestion!
Documentation
- Competitor_Data_RO_Products.zip (contains list of competitor manufacturer, element size and membrane type for their products, including list of our client products).
Branding Guidelines
- Font, Colors, Style : follow style from GE site http://www.gewater.com/
Target Devices (Responsive)
- Desktop/Web : width 1280px with height as required.
- Tablet : width 1024px with height as required.
Target User
- Potential GE Power and Water Customer world wide (Professional Company)
Judging Criteria
- How well you plan the user experience and capture your ideas visually
- Capacity to provide a design out of the box.
- Cleanliness of your graphics and design
- Originality.
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
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
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.