Challenge Summary
Welcome to "Product Inventory Audit Tool Design Concepts Challenge". We are in progress planning and developing out our new Product Inventory application and are looking for initial design concepts on how the UI/UX should be designed. We want you to focus on the UI/UX interactions and bring simple UI solutions to how this application could work. What should the user see and experience when using the application!
Please be aware of the very generous timeline for round 1.
We are awaiting delivery of final wireframes but need to launch this challenge today. Wireframes will be complete midweek (August 5th or 6th) and we will update and alert all competitors when we are ready to truly begin!
Round 1
Please be aware of the very generous timeline for round 1.
We are awaiting delivery of final wireframes but need to launch this challenge today. Wireframes will be complete midweek (August 5th or 6th) and we will update and alert all competitors when we are ready to truly begin!
00. Navigation
01. Dashboard Screen
02. Search Screen
03. Alerts/ Notifications Screen
04. Login Screen
05. Product detail Screen
Round 2
00. Navigation
01. Dashboard Screen
02. Search Screen
03. Alerts/ Notifications Screen
04. Login Screen
05. Product detail Screen
06. Profile Screen
07. Messages Screen
Background Overview
Product Inventory is a web application that will be used by Quality Department team members to audit product availability against expected availability. Essentially, this app will be used to help employees figure out if a product is available and if not, the reasons why it is not. The web application will be used primarily on desktop but will need to be responsive and work on tablet and mobile as well. We would like to see your design concept for the best possible UI/UX for this apps .
Apps Use Case
Quality Manager
- Get an inventory of all products that are currently being sold on the company web site.
- Able to find specific product brand and categories by selects a set of filters to expose only those products that fall within that selection criterion.
- Able to select which data fields (attributes) that would like shown as a result of the inventory query. We should be able to save his unique preferences (e.g. brand, category, ratings, etc.) as well as reset to original search settings.
- Able to see all attributes associated with a particular product, along with able to drill down into next level of details for a particular product to view all of the associated detail attributes for that product.
- Able to export and/or email the raw table so that he can run further analysis
- Able to understand if the product being sold on the ecommerce web site are being displayed with the correct features, accessories, options, etc.
- Able to use this application on a regular basis to spot check new products and compare them with existing product documentation.
Product Manager
- Ensure that the products that he/she is responsible for delivering to the marketplace are available for sale on the correct date.
- Able to configure the app to show the products in specific category, when they were added to the eCommerce site and validate that the product description, specs, etc. are all accurate.
Employees
- Able to help customer who is looking to purchase a new product and has a specific idea of what he is looking for. Employees can verify that the product is available and that the options and accessories are accurately represented on the web site.
- If employees has another customer who has heard about a new product that will soon become available. The customer can ask if that particular product is available and what options and accessories come with it. Our Employees should be able to verify that the product is on the e-commerce site and show his friend all of the relevant information.
- Able to help customer who wants to buy a specific product. The customer knows that the product comes in various colors and wants to know what these specific colors are. Our Employees then use the application to verify product availability in the color requested.
- Helping a customer understand if a product and/or accessory is available for purchase from the company web site. Customer was not able to find exactly what he was looking for when searching on the company web site and has asked our employees to assist his search.
- Able to see that the product in question was recently removed from the store. Pulls up the specifications for the discontinued product and points the customer to a similar product that is available.
- Able to emails the product information to customer directly from the app/web page which includes a link to the product on the eCommerce site.
Screen Requirements
00. Navigation
- As a quality department employee, I need the ability to access the major functional components of the application from an easy to use menu so that I can quickly and easily navigate the site
- The navigation items below are suggestions - the navigation structure is open and can be adjusted based on your thought process around this application :
-- Main Product Categories
---- Printers
---- Laptops
---- Desktops
---- Printers
-- search
---- saved searches
---- saved products/items
---- alerts
---- profile
---- messages
01. Dashboard Screen
- Need some ability to see an overview of my 'Saved searches' within the dashboard.
- Quickly see important information and updates to products that previously searched for.
- Once a user has saved a search, the results of these saved searches will populate the dashboard. This could mean displaying multiple searches at once, or a single search at once but users must have the ability to toggle between saved search results easily. Users will be presented with high-level data on alerts related to changes to the contents of their saved search.
- Presentation of saved search results:
-- Product list from saved search
-- Recent alerts/changes to the contents of your saved search (availability: available now: out of stock, coming soon, empty soon, etc.)
-- List of specific settings from this search
-- Export CSV of data. Native OS export options.
-- Search through search results data to further analyze results:
---- Sort by rating/review
---- Sort by date added
---- Sort by availability: available now, out of stock, coming soon, empty soon, etc.
---- Sort by quality: color, size, etc.
02. Search Screen
- Need the ability to quickly and easily begin finding products within a huge set of data.
- Need to export the data to other applications.
- Need to be alerted to changes within the sets of data/products that the employees responsible for.
- Think of large product sites. Amazon.com, Overstock.com, google.com/shopping.
- Users will filter be filtering through a huge set of data.
- We'd like ideas on the best way for users to filter and find what they need based on the criteria below :
-- Return results
-- Micro-filtering, there are a huge amount of possible data points that a user could search by. We want you to help figure out how to categorize these many data fields into a coherent structure that will allow people to find the products they're looking for (See "Product Inventory Attributes.xlsx")
-- Save Search Settings by name
-- Reset/cancel search
-- Export CSV of data. Native OS export options.
-- Filter by High level product categories:
---- Printers
---- Tablets
---- Laptops
---- Desktops
-- Filter based on qualitative categories:
---- Filter by domain/site
---- Filter by brand
---- Filter by product category
---- ilter by rating
---- Filter by availability: available now: out of stock, coming soon, empty soon, etc.
03. Alerts/ Notifications Screen
- User need to stay up to date on the products that they are responsible for without having to repeatedly search for that information.
- This is a standalone page that will update users on changes to the products in their saved searches.
- Reasons a product/search would receive an alert:
-- Product running low
-- Product out of stock
-- New product coming soon
-- New product available
-- New version of product
04. Login Screen
- A simple user login page. Users will enter their username and password to login to the app.
- A user will be able to enter username, password have a Login button.
- Forgot Password link.
05. Product detail Screen
- This is the detailed view of a specific product.
- Users will navigate to these pages to have the most detailed view of the specs of a certain product.
- Users will be able to see another list oof products recommendations that have association with the current products they currently see.
- Users can favorite/like specific products so they can keep track of changes :
-- Favorite/Watch for updates
-- Contact product stakeholder to request re-order, etc
-- Edit product information
-- Browse to similar products
-- See product details, For a full list of possible product details (See "Product Inventory Attributes.xlsx")
06. Profile Screen
- A simple member profile page so that members can find and contact other users within the app.
-- Name
-- Location
-- Job title
-- contact information
-- email directly from app
-- Team information
07. Messages Screen
- Users can send each other messages within the app
- Inbox to receive new message from other user that using the apps
- New message to create message to other apps user.
Important:
- Keep things consistent. This means all graphic styles should work together and follow our best practice/guidelines.
- All of the graphics should have a similar feel and general aesthetic appearance.
- Feel free to add new screen to explain your design interactions for the apps.
- Please make sure your UI elements are created in vectors/shape, so it can be easily edited later for some smaller/bigger devices.
Design Requirements
Plan for responsive design: We are only focused on Desktop for this challenge
- Desktop Resolution: 1280px width with height adjusting accordingly
Documentation
- Documentation.zip: branding guidelines style that needs to be followed in your design and content example for the apps.
Target Audience
- Quality Managers: Access lists to audit advertised products, specifications and features against internal product list
- Employees: Project managers and Support Engineers who are in need of specific product/platform information or who want to become familiar with a brand’s entire portfolio.
Judging Criteria
- Design concepts! Show us your UI/UX thoughts on this.
- Cleanliness of your graphics and design.
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 will be asked to update the style tile to reflect any new elements that you have added to the design. You may also 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.