Register
Submit a solution
The challenge is finished.

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 to get quick exploration and new concepts on a user experience problem.

The "LUX - 48HR - Consumer Education Application Design Concepts Challenge" will run during the next 48 hours! At the end of the challenge, we will take your presentation screens and share your collective creative talent with our event audience! 

The LUX Challenge Series provides 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: 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 throughout a LUX challenge. We are also have two new prizes for "LUX Challenge Rookies"
Challenge Details
The goal of this challenge is to take the provided design problem, analyze the user experience and provide design concepts and visual ideas on how the application might look and work!

Challenge Timeline and Rolling Checkpoint 
- Challenge Starts: 25th April 2016 20.00 EDT
- Rolling Checkpoint will start: 26th April 2016 20.00 EDT
- Challenge Ends: 27th April 2016 20.00 EDT

We are offering 8 Prize Placements! Plus (10) $50 Rolling Checkpoint prizes!
1) $2000
2) $1500
3) $1000
4) $500
5) $250
6) $250
7) $150
8) $150

Rolling Checkpoint Review ($50*) 
Adam Morehead (adroc) & Blake Walles (bwalles) will provide a quick design review if you submit your initial designs by (26th April 2016 20.00 EDT)
-- Within the hour, we will start providing checkpoint design feedback/guidance
-- You must watch the forum for your feedback!
All qualifying* checkpoint submissions will win $50

LUX Challenge Rookie Competitor Prize
Adam Morehead (
adroc) will reward two NEW LUX competitors with $100 prizes as part of this challenge.
- If you have ever wanted to give the LUX Challenge a try and didn't think you would qualify for a top prize - jump in and give it a shot!
- We will select 2 high-quality design concepts from "New" LUX 
Competitors for this discretionary bonus prize.

~
Design Problem
Create the visual design for an iPhone and Tablet application that will allow a user to scan a barcode from a beverage and view the nutritional information about that beverage. The nutritional information will highlight the sugar content of that beverage and suggest a healthier alternative drink from BritBev. We also want to consider and explore gamification, consumer loyalty, and incentive methods to entice a user/consumer to consider our customer's beverage products.  

We want to help educate and raise awareness about sugar consumption when users are consuming different beverages, help create healthy lifestyles (though knowledge) and at the same time engage and increase future customers to understand and consider our products.
    
Design Consideration
- Think about designing an application that provides a user insight into their daily sugar consumption.
- A great experience for a user to check their beverage nutritional value and to explore BritBev products. 

Some example features to think about
- The best way to capture beverage image (barcode scanning / manual code entry / take beverage photos / etc?)
- Product Detail Information
- Sugar consumption vs Healthy information/chart/infographic
- Product Replacement offers (show BritBev products) 
- Comparison nutritional chart
- Gamification and Consumer loyalty

Application Scenarios
- BritBev is a large UK based manufacturer and distributor of Beverages
- They want to create an application that provides a user insight into their daily sugar consumption 
- Scan the barcode or look up a product
- Show the sugar level as both total grams AND perhaps some sort of graphic visualization
- Let the user register and include personal data (age, gender, weight) and see the recommendations for their age, weight, and gender
- Offer up alternatives with lower sugar content but only from the BritBev range of products
- Allow registered users to collect loyalty points for purchases of any BritBev product 
- Provide higher points for lower sugar products
- Gamification, Consumer loyalty, Engagement, etc.
- What makes sense? What would be helpful to you? What else can you think of that may be a cool feature for this application?
        
LUX Challenge Requirements
Client Name : BritBEV 

Application Name: Create a name for your application. 
(eg: SugarTrack, SweetBev, etc = something simple!)

Branding Guidelines
https://projects.invisionapp.com/boards/8R1Q4SN3A72GM/

Logo Inspiration
Open to Designers!!

Key Feature
Our audience thinks that "consumer education/ product awareness" should be a key feature of the application. 

~
Storyboards (iPhone and iPad)
- Design all screens for iPhone (Portrait view, 750x1334px) and several screens for iPad  (Portrait view, 1536x2048px)
- This would be a native iOS application
- We only need 7 screens plus a presentation screen - so pick/design what you think will "showcase" this application and your concept!
- In these LUX challenges the "Concepts", you propose is key to the overall presentation!

Things to think about (as a user)
- When I first open the application what should I see? Why am I using this application?
- Think about how to best educate our consumer
- What is the priority actions or items I need to interact with
- What type of items would I see each time I open the application? 
- What are the navigation items (primary and secondary)?
- Notification, alerts and push tools?
- Is there a community aspect to this to aid in consumer awareness?

Suggested Screens
- These as suggestions - you can modify as needed
.
0) Application Logo
- Create a simple logo for your application
- Something simple and clean that does not distract from your application designs
- See reference logo in branding guidelines

1) IMPORTANT!! Presentation Screen - 1920x1080 (16:9 Ratio)
- In a LUX challenge, this screen is very important so make it look good!
- If you were walking into a meeting and needed to sell your idea - use this screen to showcase your concept.
- DO NOT put extra text on this screen - use it to showcase your application!
- You must include in your SUBMISSION folder!
- Also include your presentation source file


2) Dashboard/Home (iPhone and iPad)
- What are the key features of this application?
- Think about how this page should be presented and the key navigation items, features and user actions.
- Primary function for this initial screen should allow a user to scan a beverage to view the nutritional information
- Perhaps recent scans by the user
- Featured BritBev Products
- Summary of user activity related to the apps, such as total sugar consumption (today/week/month)? list of products that user consumed in a period of time? Recent products captured?
- Chart that showing user sugar consumption activity (by time, place, products, etc?)
- Notifications that show sugar count? 

3) Capture Beverage Information (iPhone and iPad)
- User will be able to find information about different beverages
- There should be several ways to capture beverage details:
-- Scanning their beverage products barcode
-- Enter the code manually
-- Take a picture of the product
- After a user captures the product, the app will search and show results (possibly several) with photos and details as part of the results

4) Beverage Details (iPhone)
- Select one of the scanning/search results and the user will be taken to the detail screen
- The user will be presented with great graphic and detailed information about the beverage. (Check static data documentation for sample product content).
- Details should contain a picture of the item, size, total sugar, and evaluation based daily recommended allowances
- If the beverage product is a Britbev product the user could receive loyalty points (how might this work?)
- If the beverage is not a Britbev product the user will be provided with possible suggested alternatives that are Britbev products.

5) Beverage Evaluation (Important Screen)  (iPhone and iPad) 
- This is a comparison evaluation screen. The user is able to compare beverages with Britbev products (this should be easy to use!)
- There will be several product recommendations provided by Britbev 
- Show a great comparison chart/graph visualization to the user for comparing their current beverage products with Britbev products (healthier, lower sugar, less price, etc?)

6) BritBev Recommendations (iPhone)
- After the user evaluates their beverages Britbev might provide alternative beverage recommendations. 
- Show local locations (stores) where a user can purchase the beverage (map, locations listings)
- Extra credit for point of sale promotions and coupons – but only for lower sugar alternatives
- Extra credit for loyalty point used to pay for any Britbev products

7) Profile  (iPhone)
- How might the profile screen work within this type of application
- It could show related health stats and helpful advice
- Show related stats to your age and related stats?
- Tie-in 3rd party health app? Apple Watch?
 
8) Unique Feature #1 (iPhone)
- What additional feature or concept should we consider for this application?

Documentation
- Mood Board, Colors Pallette, Screen Preferences (available in inVision apps above).

Target Audience
- General Society

Judging Criteria
- Concepts! How do you tackle creating this experience?
- Presentation! This is critical!
- Great modern user interface combined with good mobile usability
- Cleanliness of your graphics and design.
- Your design concepts should be possible to build and implement.
- Creativity and simplicity are the keys to success as it must be engaging to users.

Submission & Source Files
Preview Image
Create your preview image as one 1920x1080 (16:9 Ratio) 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.
- Please submit documentation in pdf format with as many pages and images as required to explain your design and solution.

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. You are also can submit using Sketch application. 

Final Fixes
Note: This LUX could have 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.

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:

2016 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
  • AI files created in Adobe Illustrator or similar
  • Sketch

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30053882