Parts Finder App UI Design Challenge

Welcome to the Salesforce1 (SF1) Parts Finder App UI Design Challenge. This challenge is focused on creating design concepts/visual ideas to create a Tablet Application that fits within the Salesforce1 design look and feel.  (Salesforce1).

The goal of this APP is to provide the customer with the quickest way for them to get a replacement part and facilitate its delivery. Think of it as an “easy” button that a user can hit off of a notification that allows them to choose the quickest way possible for them to keep their warehouse up and running.

For this challenge you are provided with a design direction to help you understand what we are looking for. We are also looking for you to design this within the existing SF1 look and feel. Take a look at these following links as further reference as to how to refine your design:
- http://sfdc-styleguide.herokuapp.com/assets/S1AppGuidelines.pdf
- http://sfdc-styleguide.herokuapp.com/?id=examples
- http://sfdc-styleguide.herokuapp.com/?id=style

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

Round 1

Submit your design for a Checkpoint feedback:
1. User Dashboard
2. Notifications & Alerts
3. Replacement Part options Screen
4. Part replacement Request
5. Replacement Parts Tracker
- If you have time - please provide us with a click map for 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:
1. User Dashboard
2. Notifications & Alerts
3. Replacement Part options Screen
4. Part replacement Request
5. Replacement Parts Tracker
6. Enter Parts number screen
7. Community Knowledge Base
- If you have time - please provide us with a click map for 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:
For this design challenge you will be designing an APP for an iPad that helps manage a production assembly line. If a part goes down on the assembly line, the APP helps the customer locate the nearest replacement part, facilitates the purchase, trade, and delivery of that replacement part.

The replacement part can come from 1 of 3 areas:
- Community (a community of similar warehouses that utilize the same equipment)
- Distributor
- Manufacturer

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

Business Problem:
Define an app for a manufacturing/assembly/packaging warehouse operations manager that operates a 24x7 system to ultimately get a part to an end user (retail or online store selling goods to consumer (Amazon, Adidas, Pool Supplies). The systems that they are managing touch hundreds if not millions of products within days, months or a week. Given the real-time nature of this part of the process and this point in the supply chain, downtime on these systems is a massive risk.

Background:
These systems often are highly mechanical or specialized. There are tons of parts. Many, if not most, can be highly specialized parts that even a distributor may have difficulty warehousing or acquiring in a near real-time manner. Given the importance of this backend infrastructure, the operations managers not only manages the end product pieces and parts, but they also need to manage systems that manufacture, move, assemble, sort, etc. the products.

Design Focus:
We want to make sure that you have a complete design submission, but here are the key areas to make sure you focus in on.

1.  A user can click 1 (maybe 2) button to intiate the exchange
2.  A user can  see a screen that provides them with choices of ranking who to exchange the desired part with (consider showing a list and a map view of where the parts can be obtained from)
3.  Once the exchange is underway, a user can track the part to know exactly where it is so they can plan to recieve it, replace it, and get the warehouse up and running again.  **This is very important. Think of ways to visualize the status of the order.
4.  We need to ensure the provisioning customer's part is replaced in a timely manner.
5. SalesForce1 Design look and feel!

Design Guidelines:
- Design Direction (We will be adding it later today).

Design Concept Goals:
- How should this tablet application look?
- Read the user story and decide what should the priority features be?
- 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!

Screen size:
- iPad: 1024px by 768px

Use Case:
Imagine a customer like Adidas for Dorner Conveyors. The warehouse manager has a downtime emergency on the conveyer system. They call their Dorner distributor for the Gearmotor Assembly for the 63M01 6200 Series Gang Drive. The distributor doesn't have it in stock and neither does the manufacturer (Dorner Conveyors themselves). The Distributor is working with Dorner, but they've sold all their replacement parts parts and they determine that they need to order a new one from China. The customer is now at least 4-5 days from getting this key part - at best. Feeling a bit pressed for time, the Addidas warehouse manager turns to the Dorner Parts Replacement APP for a quick solution. The APP presents him with a warning that a part on his conveyor is broken and is in need of replacement. On the notification there is a “resolve” button. Upon clicking the button, the warehouse manager is presented with several different options that will allow him to get the replacement part he needs in a timely manner. The manager selects the option that works best for him and then tracks the whole transaction and process until the part is delivered and installed in his warehouse. The APP is a time saver and a great solution for keeping his warehouse humming smoothly.

Suggested Screens:
Here's the basic flow and screen requirements of what we are looking for you to provide designs on:

1. User Dashboard:
- From this screen our warehouse manger is able to get a high level view of the health of his warehouse conveyor system.
- He can see the status of the line and identify any issues before they become problems.
- Alerts and notifications keep him up to date on what parts need maintenance and replacement.
- He is also able to track and manage the fulfillment of replacement parts for his warehouse.
- There is also a chatter feed where he can collaborate with his distributor, manufacturer, and other community members who have the same equipment as our warehouse manager.
- The manager can see his order history and pull up a parts catalog to browse the different parts of the equipment.  

2. Notifications & Alerts:
- Warehouse manager gets a notification that a part is broken on his assembly line.
- From this notification w/ in the APP the manager is able to "resolve" the issue.

3. Replacement Part options Screen:

- Clicking on the “Resolve” button from the notification will take the user to a new screen where the App displays several options for where the manger can get a replacement part.
- Location (shipping address) of a peer customer with the same part (asset) will be an important consideration when choosing who to exchange a part with
- Manager chooses the best option that works for him and chooses the best shipping option for him (overnight, next day, ground, ect).  The optimal exchange will be one where the part is located 

4. Part replacement Request:
- Request is sent out to the person who has the part and that person completes the fulfillment of the part to the warehouse manager.
- Parts owner receives a notification of the request from the warehouse manager and is guided thru several steps to complete the order.
- He can collaborate w/ the warehouse manager via a chatter feed to help with the order.

5. Replacement Parts Tracker:
- This whole process can be tracked by The Manager.
- After confirmation of the order, the manager can then track the shipment on a map and have a countdown letting him know when the part will arrive.
- The manager can collaborate with the parts supplier via a chatter feed and can stay on top of the whole process.

Additional storyboard assets that will work with this concept include:
6. Enter Parts number screen:
- A screen that allows a manager to enter in the part number for what they are looking for which initiates the parts replacement process

7. Community Knowledge Base:
- A knowledge base for the warehouse conveyor product that helps the manager with his day to day running and maintenance of the equipment in his warehouse.
- Tips for maintenance, maintenance schedules, part life span documentation, and other user-generated content would be housed in this knowledge database.
- The knowledge base would have search functionality so its users can find relevant content.

Target Audience:
- Operations Manager at manufacturing/assembly/packaging warehouse.

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.