BONUS: 3‌ CHECKPOINTS AWARDED WORTH ‌$100‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

The objective of the Retail Photo Management Tool project is to create an application to manage retail photos that will be used by a luxury retailer to improve customer relationships and increase selling opportunities. The goal of this application is to transform the way that the company uses images of their products, both internally and especially as a vehicle to communicate with customers.  The application will be used by the company's selling associates to send product images to customers through email and MMS and to show in-store customers images of products available in inventory.  The application will need to manage photo images that will be obtained from a number of sources and image specs will vary.

For this contest, we are asking you to put together the front-end design (Storyboard) for the Web Application.  The attached wireframes for the Web Application show the 18 screens required for this application, which you will design for this contest.  A breakdown of the screens to submit for each round of this contest is listed in the round specific instructions.

Round 1

Round 1 will focus on the Sales Associate functionality for the Web application (with a few Admin screens so we can provide feedback on them). The following screens are required for Round 1:

1) Login / Logout
2) Browse Products
3) View Product
4) Send Photo(s)
5) Add/Create Folders
6) Small Upload
7) Tag Photo(s)
8) Admin Page
9) Manage Photo Database
10) Edit Photo
11) Manage Database Servers

Notes : Any comments about your design you want the client to know.

Round 2

In Round 2, you will need to include all Round 1 screens (updated based on milestone feedback). The following screens are also required for Round 2:

12) Bulk Upload
13) Bulk Upload Results
14) Synchronize
15) Manage Exchange Server Connections
16) Manage AS400 Connections
17) Configure Application Settings
18) Help

Notes : Any comments about your design you want the client to know.


Primary Goals
The objective of the Retail Photo Management Tool project is to create an application to manage retail photos that will be used by a luxury retailer to improve customer relationships and increase selling opportunities. The goal of this application is to transform the way that the company uses images of their products, both internally and especially as a vehicle to communicate with customers.

The application will be used by the company's selling associates to send product images to customers through email and MMS and to show in-store customers images of products available in inventory.

The application will need to manage photo images that will be obtained from a number of sources and image specs will vary. Sources will include professional corporately-taken photos, third-party vendor photos, as well as seller sourced "ad hoc" photos taken with sellers' mobile devices and tablets on the floor of the retail stores. The company at this time does not sell online. Each photo will link to one or more SKUs.

For this contest, we are asking you to put together the front-end design (Storyboard) for the Web Application.  The attached wireframes for the Web Application show the screens required for this application.  A breakdown of the screens to submit for each round of this contest is listed in the round specific instructions.

General Requirements

- Produce a front-end design (Storyboard) that can be used to demonstrate all screens / mentioned functionalities as required in each round (screen size should be 1024px wide).
- The design must be very easy to use and intuitive. Keep that in mind when designing your solution.
- You MUST cover all screens mentioned in contest round details (and described in the Web App Wireframes / conceptualization document).
- Your design must represents all pages and flows from Web App Wireframes. You should use that as a guide, but if there is better way to display any information, feel free to reflect that on your design.
- Screens should be numbered correctly to explain the storyboard flow to us.
- Please check wireframe notes on each page to see the various interactions in those pages. You need to include those in your submission.

Branding Guidelines

The design should be clean and modern. We are a luxury retailer and sell women's and men's clothing and accessories. The look should be both simple and reflective of our luxury image. The app will be used mostly internally by sellers, but will sometimes be used to show customers what we have in stock in other locations, so we want it to look and feel like our website and marketing materials.

The app should have similar design features as our website, our new ipad app, and our magazines/marketing materials (see reference doc section for links).

The client's 2 corporate fonts are Trajan (for Headers) and Syntax (for Body copy). You may use comparable fonts in your submission but please follow the Studio font policy for declarations.

The client's Corporate Colors are: Copper 876 (#996640), Cream PMS 468 (#E2D6B5), and Black (#000000).

We are still working on the name and logo. Please use a placeholder for now – MPix (this will change).

Target Audience
The new Photo Management Tool will be used by the company's internal selling associates to send images (by email) of our products to their customers, accompanied by personalized messages. Also, the app will be used in-store to show customers photos of products that are available from other locations but are not in-store currently. Our sellers and customers are men and women of varied ages, and do not tend to be technically sophisticated, so the app should be visually clean and easy to use. 

Customers receive too many emails already – the resulting emails should have the feel of our marketing materials – sophisticated and personalized, uncluttered.

Reference Diagrams

We would like the app to have similar design features as our website, our new ipad app, and our magazines/marketing materials. Our look is clean and modern, the products are men’s and women’s luxury clothing and accessories. The look is sophisticated but not fussy or complicated:

You can see the look of our website here: http://mitchellstores.com/
Download our ipad app here: http://mitchellstores.com/app.html
Please take a look at our magazines and mailers here: http://mitchellstores.com/site/books-mailers/

Judging Criteria

- Overall look and feel
- Simplicity and Consistency
- Completeness and accuracy of how the design matches the screens / flow of the wireframe.
- How well you follow the client's branding / design guidelines.
- Any suggestions, interactions and user flow you recommend (provide any notes or comments for the client)

What to Submit
Preview JPG/PNG Image File
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 ZIP File
All requested contest requirements/screens as JPG or PNG files.

Source ZIP File
All fully editable original source files of the submitted design as required by the contest under "Source Files" in the side bar.

Final Fixes
As part of the final fixes phase you may be asked to complete one round of minor changes to ensure your submission meets the stated requirements of this contest. See more information about Final Fixes.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

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.

ELIGIBLE EVENTS:

2013 TopCoder(R) 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 "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" 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.

Screening:

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

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30031856