Challenge Summary
Welcome to the design refinements and user interaction/touch refinement contest for the Mobile Life Insurance Premium Calculator design! This contest is focused on brushing-up and refining the design in order to make our premium calculator more playful and more distinguishable from other life insurance companies.
Please read the description carefully and watch the forums for any questions or feedback concerning this contest. 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.
* This mobile app is a web-based application and not a native application.
* This app is for a Japanese company and everything will ultimately be translated into Japanese.
Round 1
1. Draft design
2. Draft idea of user interactions and tap effects.
Round 2
1. Everything - look “Contest Details”, Contest Requirements", "Submission & Source Files" sections for what needs to be submitted.
Contest Details
In this challenge we want to brush up/refine the provided design in order to make our app more unique and distinguishable in the market. We need to stand out when compared to similar apps from other life insurance companies, and give users more FUN experience through using this app.
To do so, we specifically want you to solve following requirements.
1. Add more playful touch to the design.
The current design is clean, sophisticated and has done a very good job on sorting out the information, but it can get more strong characters and be distinguishable from other similar premium calculator provided by other insurance companies. (such as https://www.axa-direct-life.co.jp/spn/res/lifeweb/simulator.html)
We want you to be CREATIVE and add spice to the design.
2. Add user interactions and tap effects.
Thinking about your life insurance is not the most excited thing to do because it comes with very complex product structure with lots of difficult terminologies.
We want you to add user interactions and tap effects to the current design so that we can provide users a more FUN and interactive experience through using this app.
Please be as creative as possible and add as much effects as possible, we will think about what to keep and what to give up considering performance and overall balance at the end.
Please keep in mind that the user interactions and effects must be implementable with JavaScript (no native, no flash…).
- Storyboard your interactions and tap effects (show finger taps and interactions!)
3. Some functional changes in existing design.
We have some user requirements changes and we need you to fix the design to meet the new requirements below.
3.1 Add a list of saved calculation results in user attribute entry screen.
- User can save the current calculation result to the browser cookie, when user restart the calculation they can start from the saved result.
- We want you to add a list of saved result in the user attribute entry screen so that user can select saved result and start the calculation from there without re-entering user attributes again.
- The saved result list can be a separate screen but a link to that screen must be in the user attribute entry screen.
- In the list, each saved result must show date & time, total premium amount, number of selected plan.
3.2 Add a list of recommended plan in send email screen.
- We want to recommend other insurance plans (the plans that they didn’t select in the calculation) before they send the result via email, so we want to recommend unselected plans on the send email screen.
- It will be up to about 3 plans to be recommended and each plan can simply display the plan name, so it doesn’t have to be a list format, it can be boxes, banners, etc.
- User must be able to select/un-select one or more recommended plan(s).
- By selecting/un-selecting the recommended plans the calculation result will be automatically updated in the background, and updated result will be emailed.
3.3 Limit the number of insurance plan to be displayed to 3 by default.
- Current design shows a list of all 6 insurance plans in the calculation screen (03_1_Premium_calc.png).
- We want you to change it to show only 3 insurance plans at default and expand the list to show all 6 only if user wants to see all.
- By limiting to 3 plans it will give you more space to use in the screen so please modify the design to improve user experiences.
Submission Details
- Use the 320 x 480px (Standard sizes) for submission format.
- Make sure you create graphic in 'shape' format, so when resize for retina versions, graphic still look sharp!
- It will be great if you can provide the landscape version.
- IMPORTANT: Make sure you include screen effect ideas and tap interactions
Contest Requirements
1) Read user story and understand what you can do with our mobile life insurance premium calculator.
Download: user_story_requirements.pdf
2) Understand our major design concepts as follows.
- Unique and distinguisable: We need to distinguish ourselves from other life insurance companies!
- Playful design and effects: We need to change users’ impression on life insurance and give users playful sense through design and effects!
- Simple and easy: We need to navigate user smoothly to proceed to sending email operation because we need to collect users email addresses as much as possible!
3) Solve following requirements stated in the contest details.
- Add more playful touch to the design.
- Add user interactions and tap effects.
- Some functional changes in existing design.
Attached Files
user_story_requirements.pdf = User click path and how a customer would interact with the screens
original_design.zip = The original design we want you to refine
IMPORTANT
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
Target User
- Potential customers of life insurance product.
Judging Criteria
- How well can you make the app design UNIQUE, PLAYFUL and DISTINGUISHABLE from the other similar app from other life insurance companies
- How well can this app entertain users by providing user interactions and tap effects - you must show us these interactions and suggestions!
- How well does this app design look with Japanese characters.
Submission & Source Files
- Preview Image with screen effect description.
- 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.
Final Fixes
As part of the final fixes phase you may 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 other 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.