SFDC Service Order - eCommerce Platform Design Concepts Challenge

Welcome to SFDC Service Order - eCommerce Platform Design Concepts Challenge. We are looking to create a simple, efficient and intuitive UI that will appeal to large B2C retail organizations that need the ability to sell and serve from the same application and takes advantage of the Salesforce platform’s multi-channel capability to provide an effortless experience for agent and customer alike.

We are providing you with good UI example of what we need. We are looking for you to provide design concepts and click-paths. This is the first step in planning our user experience!

In this challenge we are looking for DESIGN CONCEPTS on how this Application could work. What should the user see and experience when using the application?

Round 1

Submit your design for a Checkpoint feedback:
0. Navigation
1. Search Results
2. Product Details
3. Chatter
4. Delivery Instructions
- If you have time - please provide us with a click diagram of your design
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Round 2

Final Design plus any Checkpoint feedback:
0. Navigation
1. Search Results
2. Product Details
3. Chatter
4. Delivery Instructions
5. Collect Payment
6. Link Order
- If you have time - please provide us with a click diagram of your design
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Challenge Description:
We would like to build ecommerce platform for large on-line and catalogue retailers. These organizations have traditionally invested heavily in facilitating sales but have frequently starved service and very seldom are able see a customer’s sales and service history from one customer engagement platform with an integrated UI.

We are looking for the [topcoder] design Community to help us with planning our new application!

Supporting Documents:
- The ordering system is going to fit within Salesforce, so this shows how it is currently done and how that relates to the designs we want you to produce (Order Entry Storyboard.pptx.zip)
- UI Example (screenshots.zip)

Design Concept Goals:
- How should this application look?
- How quickly could you find information?
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want this to be MODERN application design!

The key focus of this challenge is to build a package that:
- Allows an agent to quickly search for products by product number or description.
- Add product a cart or order.
- Quickly return to browsing other product and add additional products.
- Allow for upsell/cross-sell or similar or related products.
- Quickly access detailed product information including.
- Complete the sales order and collect payment.
- Quickly access existing or past orders to edit or change.

Required Screens:
0. Navigation:
- How does the user navigate this application?
- Include navigation that you think fits with this application.
- Focus on the priority items and how things should be sized.

1. Search Results:
search for product.png
- The user should be able to search for products by products by product number or description.
- Show search results as a grid.
- Show product name, price, review and colors.

2. Product Details:
product details.png
- The user should be able to access product details including photos.
- The user should be able to add product to cart.
additional details.png
- The user should be able to view additional product details:

• Any product information available via the ecommerce channel or website
• Additional internal information that might be available from a brand manager or merchandiser.

• Quality of make and material
• More specific sizing information
  • A hat in the catalogue may say “one size fits most”
  • Specific information has minimum and maximum circumference

product specs.png
- The user should be able to view product specifications.
product review.png
- The user should be able to view product reviews.
product q&a.png
- The user should be able to view product Q&A.
proposed products.png
- The applications should propose up-sell/cross-sell products.
- The user should be able to add proposed products to cart in one click.

3. Chatter:
- The user should be able to Chat with internal employees regarding consumer questions.

4. Delivery Instructions:
- The user should be able to write specific instructions like: Item “A” should be gift wrapped.
shipping method.png
- Shipping method.

5. Collect Payment:
payment method.png
- The user should be able to pay online.

6. Link Order:
- The user should be able to open an existing order and to select products, then have a case created that is associated with both the order and the product (maybe a missing part, defect or for an owner's manual), to create an RMA (Return merchandise authorization) for a refund, exchange or return.
- We want the user to be able to quickly link via the order to:

• Create a Case
• Discount or refund
• Return

Target Audience:
- Large on-line and catalogue retailers.

Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application

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.