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

The "LUX - 48HR John Hancock Get Rewarded Mobile Design Concepts Challenge" will be 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 the live audience at the John Hancock Design Workshop!

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.

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: 11:00 AM EDT 05/22/17
- Rolling Checkpoint will start: 11:00 AM EDT 05/23/2017
- Challenge Ends: 11:00 AM EDT 05/24/2017

We are offering 8 Placements! Plus 8 $50 Rolling Checkpoint prizes!
1) $2000
2) $1500
3) $1000
4) $750
5) $500
6) $250
7) $150
8) $100
Rolling Checkpoint @$50 each for the first 8 qualified submissions.

Rolling Checkpoint Review ($50*)
Adam Morehead (adroc) and will provide a design review if you submit your initial designs by (11:00 AM EST 05/23/2017)
- The first 8 qualifying* checkpoint submissions will win $50
- Within the hour, we will provide any design feedback/guidance
- You must watch the forum for your feedback!

Design Problem
Create the visual design for a mobile application where John Hancock (JH) customers are able to be rewarded when they participate or perform actions with the application.
1. Watch a new JH ad or promo
2. Provide feedback to JH (product, ad, event)
3. Provide suggestion or ideas or new feature they want to see in JH product
4. Play a potential Health or insurance game (as part of the application)
Accumulated points can be used to as cash for JH logo products. JH can reward the winners (monthly/quarterly with new term policy or paid up premium).

Challenge Goals
The goal of this challenge is to design visual concepts for a NEW mobile “Get Rewarded” application that will increase product awareness, promote JH products and target new market segments. Our vision is to increase engagement from our customers and contribute to the overall John Hancock customer first focus. This includes:
- Meaningful feedback from our customers, giving them more influence
- Increased insights and interactions with our customers
- Increase connection/humanize our brand
- Rewarding our customers for their input
- Gain new customers

Design Consideration
- Think about an application that is easy to use for customer
- Customers are able to comment, suggest and provide feedback on JH products (insurance, investments, retirement)
- Branding – our customers will be interacting with our brand and submitting items (photos, comments etc. within the app)
- Think about designing a mobile app that is able to create natural interactions (flow of conversation and help) with our customers.
- Explore the possibility of how rewards and gamification features can become solid application tools that work in the mobile space.
- Think about connection, feedback, influence and rewards.

Some example features to think about
- First time user experience (flow of setting up the application)
- Profile Creation
- Notifications (notifying a customer to review a new product or advertisement)
- Interactions (posting content/posting feedback/making comment/etc.)
- Gamification (points? rewards and badging system? Possible games related to our products/industry)
- Cognitive and ChatBot Integration (users do not want to hunt for things… they want to know where to go and what are possible suggested actions to increase their possible rewards)
- JH and product education/marketing
- JH recommend products

LUX Challenge Requirements
Application Name:
- Help create a simple name (JH Rewards etc.)

Branding Guidelines
- Follow JH _Brand Book_02r.pdf and John Hancock Logo

Mobile Storyboards
- Design screens for iPhone 7 (Portrait view, 750x1334px)
- This will be a native iOS application so think of any native features and interactions (camera)
- We only need 7 screens plus a presentation screen - so pick/design what you think will "showcase" this application.
- In these LUX challenges the "Concepts", you propose really help the presentation

Things to think about (as a user)
- When I first open the application what should I see in the app (as a customer)?
- What is the priority actions or items I need to interact with?
- What might be the first-time user experience?
- I quickly want to interact with the application content as easy as possible.
- What are the navigation items (primary and secondary)?
- Cognitive features/chatbot – how might this appear and help the user?
- Gamification features? rewards system?

Suggested Screens
0) Application Logo
- Create a simple logo for your application
- Something simple and clean that does not distract from your application designs
- This is secondary requirements so do not put too much thought on this one, simple logo that blend to your overall design will works.

1) 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!

2) Dashboard
This will be the main interaction point of the application. What will customers (and potential customers) see and be able to do? What content is driven by their profile information and JH product information and “Get Rewarded” tasks and actions?
- Show a list of items that might need feedback (and points associated?) Maybe some are harder to accomplish than others?
- Show list of Product offerings (quiz, polling, check video promo) that user can explore
- Quick navigation to create content or comment on something the user is involved in
- List of user recent activity
- Highlight product offerings, and if possible can be able to provide intelligent recommendations
- Ability to quickly take/send a photo related to a JH event, product etc.

- Intelligent Recommendations here means:
-- Application is recommending a product (e.g. 401k, Life Insurance, 529 plan) based on the user’s profile. (This should not be annoying)
-- Connect customer to means of getting more information (website, coverage coach, etc.) or link directly to apply
-- Use of the photos through social media channels, campaigns, etc.

- ChatBot Integration
-- Use to be able to respond to users, acknowledge feedback, real time interaction.
-- This should be a “smart” bot … like Siri, Alexa, Watson etc.
- What do you think is important here?

3) Profile Creation
Customers and potential customers should be able to register and create a user profile.
- As part of the profile process they can create an avatar
- User can fill out general information and add more detailed information later (maybe they are rewarded with points for finishing their profile)
- Profile items (age, sex, job profile, photo, JH account information if they have it)
- Feedback - customers should be able to quickly send in questions, suggestions
-- Ad-hoc mechanism for users to send questions, suggestions
-- Questions/suggestions should be visible to all users
-- Allow users to vote on

4) Notification
Ability to send notifications (via SMS), this would be to alert users as we want their feedback or to communicate announcements.  Examples:
-- Check out a video or promo and provide comments
-- Participate in contests
-- Answer question or survey
-- Connect to live sessions
-- Communicate new product launches/offerings
- Ability to receive notifications must be at the user's consent

5) Post and View Content
We would like to allow our customers to have the ability to post content using the application.
- Allow our customers to send photos or videos in the app
-- Give customers ability to include comments
-- Give JH the ability to have customer complete questions

- Allow John Hancock to post videos or photos
-- Provide voting/polling features
-- Provide ability to pose questions to users

- Allow JH to post ad hoc polls, surveys

6) Gamification
Ability to award points for customer interactions.  Examples (not limited to):
-- points for completing a survey
-- points for checking out a video, providing feedback
-- points for connecting to a live session, playing a game, etc.
-- points for promoting JH brands in social media like face book, google plus, twitter, LinkedIn

- Ability to provide rewards to customers (subject to company rules)
-- JH Merchandise
-- Paid up premium
-- paid up Life Insurance contract
-- Cash $$      

- Ability to plug in existing gamification apps, quizzes
- Ability to introduce new gamification apps, quizzes
- Ability to plug in other cool apps like COIN, Vitality, etc.

7) Concept Screens of your choosing
- Customer runs a race and they want to submit a photo/part of their health insurance program
- Integration with other IoT (internet of things) features? A user sees a JH ad at a ballgame and they can take a picture and send it in.
- Integration of cognitive type features?

Marvel App
- For this challenge - as part of your submission, you must upload your design to MarvelApp - so we can provide direct and specific feedback to your designs.
- Please request an MarvelApp link from the Copilot through the challenge forum.

Target Audience
- Both external customers & internal employees, The idea can be used for all market segment.

Judging Criteria
- Concepts! How do you tackle simplifying 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 JPG/PNG images in a zip file with all requested screen requirements stated above. Number your files (01, 02, 03, etc) this will help us to review them in order.

Source Files
All original source files of the submitted design. Files should be created using Adobe Photoshop/Illustrator/Sketch/Corel/GIMP/etc. Layers should be named and well organized.

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.


2017 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 "" file.
  3. Place all of your source files into a "" 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.


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
  • Corel, Inkscape, GIMP

You must include all source files with your submission.

Submission limit


ID: 30057764