Challenge Summary
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
Round 1
Submit your initial designs for checkpoint review.1. Login
2. Landing Screen
3. Terms and Conditions
4. Upload
- Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Please ask in the Forum for a MarvelApp prototype link. You will receive 1 MarvelApp prototype for Desktop.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Submit your final designs plus checkpoint feedback implemented1. Login
2. Landing Screen
3. Terms and Conditions
4. Upload
5. Service Offer
6. Payout Screens
7. Error Screens
- Important: As part of your final submission, you must update your submission to MarvelApp.
- Use the same MarvelApp prototype you received in checkpoint.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Objectives
- Web app design.
- Understand the problem and come up with a great solution.
- Desktop screens of 1366px width.
Project Background
- Novus is a mobile service provider who would like to help their potential customers to be able to find out the pricing and the benefits of leaving their current provider and signing a contract with them.
- At the moment eligibility evaluation is a long process as to analyse every aspect of switching to our client’s services includes many factors, like current package, contract charges or even payout for device financing.
- Currently a third party vendor is performing manual data keying which is error prone, expensive and is resulting in a poor customer experience, moreover, it is not scalable, so capturing additional parameters is difficult.
- The proposed switching tool would capture the contents of the bill uploaded by the customer from their previous carrier with OCR and recommend the corresponding pricing for the same configuration and highlight the benefits of switching to our client’s services. In addition, the tool would also determine the current contracts and financed devices with previous carrier and calculate the Device Financed amount and Contract Termination Fees for issuing a Payout.
- This Tool would be easily scalable to capture additional information from previous bill for further analysis and helps to perform real time eligibility validation and determine payout amount instantly.
Screen Requirements
For this challenge you are required to create the following screens/functionalities.
1. Login
Please provide a login screen for this web application. Login screen will use UserID and Password. Provide error validation to this screen.
2. Landing Screen
Next screen will be the landing page to inform customers that they can upload the bill and see what will be the pricing on Novus and the benefits they will receive at Novus. It would be good to capture customer’s email on this landing page screen. Please use some CTA for Upload.
3. Terms and Conditions
Before uploading it is important to have a T&C screen which calls out that the customer agrees to share their information from their previous carrier to get the corresponding service pricing and benefits. The app should not allow the visitor to proceed with the flow unless he agrees to the T&C.
4. Upload
If the visitor accepted the T&C he can upload his bill. Please provide the appropriate screen for that action.
5. Service Offer
The user will get his offer within 3-5 secs, so please provide a pre-loder state. If everything was OK, then the user will get his offer about our client’s service for the same set up they already have with the current provider. If the service cost from the competitor is less than or equal to our client’s recommended service cost, apply a 20% discount on total service charges amount and display this discounted price.
Carrier Benefits to be used on the recommendation screen:
- Unlimited talk, text and data
- Standard Netflix included
- Taxes & fees included
- Texting and data abroad
- Free stuff every week
- Free texting from Gogo when you fly
- Talk, text and data in Mexico & Canada
- Mobile hotspot data included
6. Payout Screens
This screen will display the Device Payoff amount and/or Early Termination Fees payout amount. The Device and Contract Fees Payoff amount is calculated by searching for the charges billed against the description listed below.
- Balance Remaining after Current installment
- $$ Remaining after this month
- Lease Payoff amount = (Lease Charge * Payments Remaining) + Purchase Option Price
- $$ amount against Early Termination Fees/Contract Fees.
In addition to the above we need email to the Prospect that will include the recommended service pricing cost and eligible Device Payoff/Early Termination Fees Payoff amount. This email will also have a link to store locator. So please design an email body screen how this information looks in email.
7. Error Screens
If the bill format uploaded is not recognized by the OCR system, then the app should display the following message: “We are experiencing issues. Please try again later”
Resources
- Workflow document
- Bill sample
Branding Guidelines
Please consider the below guidelines during your design process:
Target Audience
Mobile phone users who are willing to change carrier.
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts.
- How well do the designs align with the objectives of the challenge.
- The overall design and user experience.
- Cleanliness of screen design and user flow.
Final Deliverables
- All original source files.
- Files should be created in Adobe Photoshop and saved as a layered PSD file, Adobe Illustrator, Sketch or Adobe XD
- Marvel prototype
Marvel Prototype
We need you to upload your screens to Marvelapp.
- Please send your marvel app request to pere.viktoria@gmail.com
- You MUST include your Marvel app URL in your declarations.txt (in your marvel app prototype, click on share and then copy the link).
Stock Photography
Stock photography and icons are allowed in this challenge. See this page for more details.
Submission & Source Files
Final Deliverables
For submission you have to upload a zip file that contains the following 4 files:
- Source.zip – All original source files.
- Submission.zip – PNG/JPG files
- preview.png – Your preview image
- declarations.txt – All your declarations and notes
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.