Submit a solution
The challenge is finished.

Challenge Summary

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:

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.

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.


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.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.


2015 topcoder Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "" file.
  3. Place all of your source files into a "" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.


All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30045375