Photo Management Tool - Mobile Application Screen Design

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 Mobile Application.  The attached wireframes for the Mobile Application show the screens required for this application, which you will design for this contest.  The screen design for the Web application is also provided as a reference for the look-and-feel you should capture in the Mobile app screen design  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 screens for the iPad mobile application.  For Round 1, only the iPad version in portrait orientation is required.  The following screens are required:

1) Login / Logout
2) Browse Photos
3) View Photo
4) Send Photo(s) (including sub-screens like Add Photos, Add Metadata and Preview)
5) Add/Create Folders
6) Take Photo(s)
7) Upload (upload own photos)
8) Tag Photo
9) Search Photos
10) Synchronize
11) Help

Your screen design must also include all of the functionality / sub-screens that the Mobile App wireframes do (except items not in scope for the mobile app, like admin functionality). For example, the Tag Photo screen should includes additional features for selecting SKU (and its additional input box), or No SKU Available (and its additional input box). This is included in the Mobile App wireframes and Specification (ARS) document, so we expect to see these items in your submission.

Round 2

In Round 2, you will need to include all Round 1 screens (updated based on milestone feedback).  Round 2 submission must include BOTH iPad and iPhone versions, and BOTH portrait and landscape orientations.

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 Mobile Application.  The attached wireframes for the Mobile Application show the screens required for this application, which you will design for this contest.  The screen design for the Web application is also provided as a reference for the look-and-feel you should capture in the Mobile app screen design  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.
- Required designs are for iPhone / iPad Retina Display.
- 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 Mobile App Wireframes / Specification (ARS) document).
- Your design must represents all pages and flows from Mobile 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 may 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.  The completed Web App screen design is included as a reference, as welll as the following materials:

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.