Challenge Summary
Welcome to another LUX Challenge! The LUX is a "Live User Experience Design Challenge" that we like to run as a fast design challenge live at a customer event or conference. The "LUX - Industrial Distributor Portal Responsive Design Challenge" will be run during the next 3 Days and 12 Hours. At the end of the challenge we will take the presentation screens you create and share your collective creative talent!
We are very excited to provide this cool design opportunity to the TopCoder Design Studio Community - a fun way to showcase your FAST!! design skills!
The LUX Challenge Series provide you with an opportunity to show digital leaders from some of the largest brands in the world just how good your user interface and user experience (UI/UX) design skills are. LUX challenges are fast, fun, and have more chances for you to capture prize money.
Note: This is our 14th LUX Challenge! No previous experience in a LUX challenge is needed to compete - jump in and give it a try! Make sure to follow the challenge forum and ask questions as things move very fast in a LUX challenge.
Challenge Details
This responsive application will be used by Distributors who stock and sell our Industrial Product. This application will help our distributors to place orders for products easily. It also needs to be able to look up information quickly while on the go. This information includes product specs, loyalty points and information about contractors they support. This application should be designed to be responsive in nature (work on: laptop, phone, tablet).
Challenge Timeline and Rolling Checkpoint
- Challenge Starts: 16 April 2015 21:00 PM EDT
- Rolling Checkpoint will start: 18 April 2015 09:00 AM EDT
- Challenge Ends: 20 April 2015 09:00 AM EDT
We are offering 8 Placements! plus $50 Rolling Checkpoint prizes!
1) $1800
2) $1500
3) $1000
4) $500
5) $500
6) $250
7) $250
8) $150
Rolling Checkpoint Review ($50)
- Blake Walles (bwalles) and (adroc) will provide a design review if you submit your initial designs by 09:00 AM EDT 18 April 2015
- Within the hour we will provide any design feedback/guidance - you must watch and follow the forum for your feedback!
- All qualifying* checkpoint submissions will win $50!
LUX Design Problem - Responsive Distributor Portal
We are looking for a responsive design for an iPad for our Distributor portal. Designs need to be very simple, clean and modern using the latest iOS trends and design patterns (research these!)
Concept Solution:
This app will be used by Distributors who stock and sell our Industrial Product. This application should help our distributors to place orders for products easily. It also needs to be able to look up information quickly while on the go. This information includes product specs, loyalty points and information about contractor they support. This app should be responsive in nature (For this challenge, we will want you to design for the iPad).
User Scenario:
John owns and runs a large distributor business and he is looking for a better and more efficient way to help him run his business. Currently, John is manually filling out orders for contractors, taking notes and filling out spreadsheets. John discovers ("APP Name"), a responsive mobile application that allows him to manage, coordinate, and correspond with his contractors. The application also allows John easy access to shop for products from our inventory. From the application John can easily browse our HVAC product catalog, add an item to his cart and go through a checkout process. The parts and tools that John orders will become part of his order history and be associated with his profile so we can better service John's business needs. In addition to being able to coordinate with his contractors and purchase new items, the APP also uses gamafication for activity through Loyalty Points. This part of the application allows a Distributor to check on the # of “Loyalty Points” earned for completing certain activities. John can earn ratings and badges based on his activity in the application that will be associated with his profile.
The application also contains a knowledge center that helps John be informed about our products and how we can help him with his business. Our knowledge center will include E-Learning courses for John to participate in, Financial Solutions for loans and leasing, Marketing content, Campaign Manager, Market Trends, ROI Calculator and much more. John can also communicate directly with our company to submit an issue with one of our products and feel confident that our products, services, and application are an important tool for John's business...all from the convenience of his iPad.
LUX Design Problem
Responsive Application = Distributor Portal Application
- Think of a name for your application!
- Pick one or create your own!
Logo Inspiration:
- Our logo will be influenced by the 1970's toy "View Master"
- Think of circular, global concepts that provide a picture or view
Design Style and Inspiration:
- Modern, clean responsive design.
Color Palette:
- See attached Color Palette!
Responsive Storyboards
- Design screens for the following devices :
* Tablet, Width 1024px with height adjusting accordingly
- In these LUX challenges the "Concepts" you propose really helps the presentation
Suggested Screens:
00) Presentation Screen (IMPORTANT!!)
- This is the most important screen - make it look good! (like you are selling your application)
- We need to quickly take your designs and show it to the audience!
- Create a presentation screen of your Responsive application!
- This will be shown to the conference attendee's
- 1024x768 (4:3 Ratio) - you MUST include it in your submission folder!
01) Application Logo
- Create a simple logo for your application (this is NOT a logo challenge)
- Something simple and clean that doesn't distract from your screen designs
- Showcase your logo design and how this application will initially look/branding
- Please use anything from this shape to create your application logo (refine it, use specific aspects... but your logo should be a solution/idea from this sketch)
02) Login Screen
- Create beautiful login form for this screen.
- It also needs forgot password and sign up area created in the screen.
03) Dashboard Screen
- Upon successfull login, user will be able to see the application dashboard.
- The dashboard will show/inform the user about status of the apps and provide navigation to specific functionality like order items, etc.
- The dashboard will show the summary information of all the subpages via widgets such as for Loyalty Points, My Contractors, My Tool Box. These widget can be use to find summary informations related to each specific function or being use to settting the subpages capabilities.
04) e-Commerce Screen
- Our distributors need to be able to order heating and cooling products from us. (please see list of sample products) :
* Select items into a shopping cart
* Place an order (must include a delivery site)
* Order Status :
** Order header (Order Number, Amount, Delivery Date)
** Order Status (ex: Pending, Shipped, Delivered)
** Order Child Items:
*** Product Line Items
*** Related Product Specifications, Based on Order Line Times (assumption: There will be multiple products on an order and therefore multiple product spec sheets. Should be able to launch PDF)
*** Product Installation Guidelines: Based on Order Line Times (assumption: There will be multiple products on an order and therefore multiple Product Installations Guides. Should be able to launch PDF)
05) Loyalty Points Screen
- This part of the application allows a Distributor to check on the # of "Loyalty Points" earned for completing certain activities.
- This dashboard view should include:
* Points Earned - Should see a roll up of points earned and the points earned from most recent activities.
* Activities include: Registering a Contractor, Registering a Spec, Product Purchased.
* Distributor Star Rating and Badges Earned:
** 1 to 4 stars: show 4 star rating
** Badges for being a:
*** Certified Advisor
*** Market Leader
*** Warranty Reg Leader
*** Spec Monster
- Section for Redeeming Points:
* Redeem for "HVAC Classes"
* Redeem for "Products"
* Redeem for "Conference Tickets"
* Redeem for "Shwag" (T-shirts, Cups, Mugs)
* Redeem for "Contractor Gift"
06) My Contractors Screen
- Ability to see a list of contractors.
- This section of the application should include:
* Contractor Profile:
* Contractor Co' Name (ex: Ace Heating Installation)
* Enrollment Status: (Enrolled or Not Enrolled)
* Address
* # of Technicians
* Focus (Commercial and or Residential)
Specializations (VRF and/or Smart Building and/or Green)
# of Registered Specs
* List of Contractor Contacts
- Contractor Map : Contractors plotted on a map with flags
- Help a Contractor:
* Distributor shares a Product Spec Sheet or Knowledge Article with a Contractor
* Distributor sends a gift card to a Contractor
* Distributor send a message to a Contractor
07) My Tool Box Screen
- This section house a variety of different tools for the Distributor, including:
* Product Guides and Spec Sheets
* E- Learning - Ability to schedule classes and conduct e-learning events
* Financial Solutions : Loan Inquiry, Capital Leasing Request
* Business Builder: Marketing Content, Campaign Manager, Market Trends Report, ROI Calculator
* Submit an Issue to us: Issues could include (Missing Specs, Part Request, RMA Request,), Attach electronic documents to an issue
* You don't need to show detail screens for each of these tools...but rather a landing page for this section that has an overview of the educational content available in this section with links to more detailed views.
Target Audience
- The main primary users will be Distributors
Judging Criteria
- How well you design the Responsive application concept for an iPad!
- Cleanliness of your graphics and design.
- User interface design
Submission & Source Files
Preview Image
Create your preview image as one (1) 1920x1080 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors
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.