An iOS App for improving
car insurance sales funnel targets to senior age group
APIA | Interface Design School Project
![apia hand.png](https://static.wixstatic.com/media/841948_f3fa59ca66ab4b4eaf1e3faab1827fc1~mv2.png/v1/fill/w_372,h_472,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/apia%20hand.png)
My Role
UX Researcher, UX Designer, UI Designer
Platform
iOS
Tools
Sketch, Invision
Timeframe
March - May 2018
Background
The project‘s goal is to optimise the car insurance sales funnel of APIA. It is completed by a three-student team separately working on designing three different platforms: IOS App, PC-based Web and iPad-based Web. My role is to design the iOS App.
01. Background Research
The target age group of APIA insurance is above 50s, so I conducted the research regarding several ethnographic factors of Australians who are above 50s, such as seniors’ population, income level, Internet usage and emerging technologies adoption abilities. Then, I did research on the emerging technologies and the trendy integration of new techs in improving the online insurance sales.
As an international student, this step drew me a clear pattern of the senior online users in Australia. Also, the new tech research provided me with more comprehensive understandings about the business digitalization in the insurance industry, which helped me at the stage of the idea generation.
![apia1.jpg](https://static.wixstatic.com/media/841948_3bdfc68af7524a409b0d2e37e9c68d70~mv2.jpg/v1/fill/w_141,h_38,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/apia1.jpg)
02. Market and User Research
To have a full picture of the market and better understandings about APIA’s competitors, I conducted desk research based on the car insurance market in general. Then, I analysed APIA's and their competitors' online platforms, such as Apps, mobile webs, PC webs, regarding the functionality, usability and UI design.
​
​
​
​
​
​
Besides, I did research on product online reviews of APIA to gain the insights of the existing problems that APIA’s customers are facing. I listed all the users’ needs and the issues existing on the current website based on the analysis of online ethnography.
![apia2.jpg](https://static.wixstatic.com/media/841948_014989f2f5744eafafd04733535e9b1b~mv2.jpg/v1/fill/w_114,h_53,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/apia2.jpg)
![apia3.jpg](https://static.wixstatic.com/media/841948_ba03d58431064f379aab1330ca5001b5~mv2.jpg/v1/fill/w_114,h_53,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/apia3.jpg)
Design
01. Brainstorming and Storyboarding
The 4 main user needs:
1. Find needed information quickly
2. Get a quote easily
3. Claim conveniently
4. High-quality services
The top 4 existing problems of the platform:
1. No native app where customers can access to a better user experience
2. No trendy techs are applied to improve the system or customer experience
3. Too much text content to read and find
4. The call centre is too poor to connect through when customers need
Based on these urgent user needs and system issues, I brainstormed several ideas:
The final idea was formed in the group based on 4 criteria: feasibility, accessibility, usability and innovation, considering the target age group and company's requirements.
​
The final idea is:
-
A get-a-quote form which can directly suggest a best insurance quote for the user
-
Simplified visual content replaces the long-text content
-
Adding the function of "vehicle's registration number" eases user to fill in the vehicle's information
![apia54.jpg](https://static.wixstatic.com/media/841948_e824111b203047b2adf81a5b252259b8~mv2.jpg/v1/fill/w_120,h_86,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/apia54.jpg)
02. Mind Map and Flowchart
we build a mind map of key concepts in our design solution. This is an important step for a teamwork in order to ensure the high consistency across platforms and recalling all the design principles to get ready for the designing stages.
​
A flow chart addresses the user journey of the getting a quote process.
![Screen Shot 2019-08-04 at 19.14.21.png](https://static.wixstatic.com/media/841948_ef38e4844dd0442db07a1507b35a458d~mv2.png/v1/fill/w_91,h_78,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Screen%20Shot%202019-08-04%20at%2019_14_21.png)
![Presentation1.jpg](https://static.wixstatic.com/media/841948_f36f5908eff64b76aef5e59863c17a25~mv2.jpg/v1/fill/w_100,h_56,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Presentation1.jpg)
03. Wireframes and Iterations
Different methods and softwares were used to build wireframes, such as hand sketching, Balsamiq Mockup, and Sketch App
![Picture1.png](https://static.wixstatic.com/media/841948_c30067f7ee5f4c30a25ffff160951ee5~mv2.png/v1/fill/w_112,h_165,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Picture1.png)
![Picture2.png](https://static.wixstatic.com/media/841948_5715f9e1da664f2cac33fed079e5e69d~mv2.png/v1/fill/w_114,h_154,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Picture2.png)
04. Final Design
The final UI design keeps the same colour and other design elements with the existing website considering the design consistency.
Primary Colour
Secondary Colour
![Screen Shot 2019-08-04 at 23.48.25.png](https://static.wixstatic.com/media/841948_9db359f3ec4f4532b6e1eb8fcb2ed7bd~mv2.png/v1/fill/w_47,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Screen%20Shot%202019-08-04%20at%2023_48_25.png)
![Screen Shot 2019-08-04 at 23.49.17.png](https://static.wixstatic.com/media/841948_84b5ac7b4b8c4672a110ce441e21d5e6~mv2.png/v1/fill/w_47,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Screen%20Shot%202019-08-04%20at%2023_49_17.png)
05. Usability Tests
The Think-Aloud tests and Heuristic Evaluations were used to test the usability.
![Screen Shot 2019-08-04 at 23.53.22.png](https://static.wixstatic.com/media/841948_c5e96f5dd01d4de392863e3e64d31bed~mv2.png/v1/fill/w_47,h_16,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Screen%20Shot%202019-08-04%20at%2023_53_22.png)