Insurance and health application
Insurance and health application
Insurance and health application
About The Company
About The Company
BCA Life is life insurance company which is a subsidiary of Bank Central Asia (BCA). Established in 2014 and supervised by the Financial Services Authority (OJK). BCA Life offers various life protection products for individuals and families, as well as employee benefit products for companies
BCA Life is life insurance company which is a subsidiary of Bank Central Asia (BCA). Established in 2014 and supervised by the Financial Services Authority (OJK). BCA Life offers various life protection products for individuals and families, as well as employee benefit products for companies
My Role
UX Designer
UX Designer
Year
2021-2022
2021-2022
Tools Usage
Figma
Figma
01
01
Creative Team
Creative Team
We are a creative team consisting of a Creative Lead, UX Designer and UI Designer responsible for creating great user experiences. We work together to understand user and business needs, then design and build interfaces that are intuitive, engaging, and easy to use.
We are a creative team consisting of a Creative Lead, UX Designer and UI Designer responsible for creating great user experiences. We work together to understand user and business needs, then design and build interfaces that are intuitive, engaging, and easy to use.
Monica Chatlin
Creative lead
Monica Chatlin
Creative lead
Monica Chatlin
Creative lead
Agni Fauzan
UX Designer
Agni Fauzan
UX Designer
Agni Fauzan
UX Designer
Joashua Aditiya
UI Designer
Joashua Aditiya
UI Designer
Joashua Aditiya
UI Designer
Guido Panggabean
UI Designer
Guido Panggabean
UI Designer
Guido Panggabean
UI Designer
02
02
Objective Project
Objective Project
Now by bcalife was built to help BCAlife customers find the latest information and resolve insurance problems such as policy claims and changes to policy data. Now by bcalife was built by combining insurance and lifestyle including the body & mind feature.
Now by bcalife was built to help BCAlife customers find the latest information and resolve insurance problems such as policy claims and changes to policy data. Now by bcalife was built by combining insurance and lifestyle including the body & mind feature.
03
03
Problem
Problem
Product Marketing
BCALife insurance lacks detailed product information and utilizes traditional marketing strategies, which are less effective in reaching a broader and more modern audience.
Health
BCALife still has limitations in health aspects, with offered health features being limited. This includes lacking mental health support, holistic fitness programs, or adequate nutrition consultations. Additionally, existing services tend to be generic and not personalized according to individual needs.
Policy or Claim
The claims process at BCALife is often complicated and time-consuming. The lack of transparency in information and claim requirements causes frustration for policyholders who need quick assistance in emergency situations.
Financial Education
The financial education provided by BCALife is less engaging and interactive. The content tends to be monotonous and focuses only on basic financial aspects, not covering advanced topics such as investments and debt management, making it less attractive for users to further their learning.
Product Marketing
BCALife insurance lacks detailed product information and utilizes traditional marketing strategies, which are less effective in reaching a broader and more modern audience.
Health
BCALife still has limitations in health aspects, with offered health features being limited. This includes lacking mental health support, holistic fitness programs, or adequate nutrition consultations. Additionally, existing services tend to be generic and not personalized according to individual needs.
Policy or Claim
The claims process at BCALife is often complicated and time-consuming. The lack of transparency in information and claim requirements causes frustration for policyholders who need quick assistance in emergency situations.
Financial Education
The financial education provided by BCALife is less engaging and interactive. The content tends to be monotonous and focuses only on basic financial aspects, not covering advanced topics such as investments and debt management, making it less attractive for users to further their learning.
04
04
Design Process
Design Process
Design process is an iterative and flexible process. This process can be adjusted based on product type, product complexity, budget, time and resources to produce the optimal design. The following is the UIUX design process when build the insurance BCALIFE Application.
Design process is an iterative and flexible process. This process can be adjusted based on product type, product complexity, budget, time and resources to produce the optimal design. The following is the UIUX design process when build the insurance BCALIFE Application.
Discover
Discover
This initial stage focuses on understanding the situation. You'll gather information through research, identify the core problem and explore different perspectives.
This initial stage focuses on understanding the situation. You'll gather information through research, identify the core problem and explore different perspectives.
Discovery
Discovery
Define BCALife Goals and Objectives:
Understand BCALife mission and objectives in offering insurance services.
Align the app's purpose with BCALife business goals.
BCALife Customer Research:
Conduct specific research on BCALife target customers.
Identify unique needs and preferences of BCALife's audience.
BCALife Persona Development:
Create detailed personas for BCALife customers.
Understand the demographics, motivations, and pain points of BCALife's target audience.
Feature Requirements for BCALife:
Define the features that make BCALife insurance app.
Ensure that the app addresses specific insurance offerings and customer needs.
Define BCALife Goals and Objectives:
Understand BCALife mission and objectives in offering insurance services.
Align the app's purpose with BCALife business goals.
BCALife Customer Research:
Conduct specific research on BCALife target customers.
Identify unique needs and preferences of BCALife's audience.
BCALife Persona Development:
Create detailed personas for BCALife customers.
Understand the demographics, motivations, and pain points of BCALife's target audience.
Feature Requirements for BCALife:
Define the features that make BCALife insurance app.
Ensure that the app addresses specific insurance offerings and customer needs.
Define
Define
It's time to define the problem or opportunity more clearly. Here, you'll synthesize the information gathered, analyze the data, and clearly define the specific challenge
It's time to define the problem or opportunity more clearly. Here, you'll synthesize the information gathered, analyze the data, and clearly define the specific challenge
User Persona
User Persona
During the initial phase of the project, our team conducted extensive research to understand the target audience, user needs, and project requirements. We conducted analyzed competitors, and gathered insights to inform our design decisions.
During the initial phase of the project, our team conducted extensive research to understand the target audience, user needs, and project requirements. We conducted analyzed competitors, and gathered insights to inform our design decisions.
Name
Ilham Prasetyo
Age
28 Years
Occupation
Wiraswasta
Background
Prasetyo is a final year student who is active in campus activities and has an interest in technology. he has an active lifestyle, is often involved in sports and enjoys participating in social activies
Goals
Affordable protection
Clear understanding of insurance
Healthy lifestyle information
Frustation
Unclearness of additional benefits in insurance
Limited insurance options
Complicated registration process
Review Feature List
Review Feature List
"To create a feature list for an insurance app, start by determining the app's goals and user needs. Categorize main features such as registration, user profile, policy purchase, claim management, payments, notifications, and security. Prioritize the features, write their specifications, validate with stakeholders, and document them in an official guide."
"To create a feature list for an insurance app, start by determining the app's goals and user needs. Categorize main features such as registration, user profile, policy purchase, claim management, payments, notifications, and security. Prioritize the features, write their specifications, validate with stakeholders, and document them in an official guide."
EPIC
User Authentication
FEATURE
Login
SUB FEATURE
Email Login
Social Media Login
Apple ID Login
PHASE
1.0
1.0
1.0
HIGH LEVEL REQUIREMENTS
Ability of the system to display a splash screen everytime the app launch
Ability of the user to log in using his/her google account
Ability of the user to log in using his/her facebook account
Ability of the user to log in using his/her apple ID (iOS Only)
EPIC
User Authentication
FEATURE
Login
SUB FEATURE
Email Login
Social Media Login
Apple ID Login
PHASE
1.0
1.0
1.0
HIGH LEVEL REQUIREMENTS
Ability of the system to display a splash screen everytime the app launch
Ability of the user to log in using his/her google account
Ability of the user to log in using his/her facebook account
Ability of the user to log in using his/her apple ID (iOS Only)
We review the feature list created by the business analyst. This feature list serves as a guideline for our creative team to create the sitemap, user flow, and wireframe.
We review the feature list created by the business analyst. This feature list serves as a guideline for our creative team to create the sitemap, user flow, and wireframe.
⚠️
I can only present a few features from the list, as this document is confidential.
I can only present a few features from the list, as this document is confidential.
Develope
Develope
At this stage creativity takes center stage. With a well-defined problem, you'll brainstorm and develop potential solutions.
At this stage creativity takes center stage. With a well-defined problem, you'll brainstorm and develop potential solutions.
Create Sitemap
Create Sitemap
Lorem ipsum dolor sit amet consectetur. Mi nibh congue sapien at facilisi non auctor. Id scelerisque integer dictum a ipsum feugiat molestie ornare eget. Mi ultricies ultricies gravida ante vitae lectus integer odio. Neque eget viverra massa magna lacinia aliquet ac nunc. Egestas.
Lorem ipsum dolor sit amet consectetur. Mi nibh congue sapien at facilisi non auctor. Id scelerisque integer dictum a ipsum feugiat molestie ornare eget. Mi ultricies ultricies gravida ante vitae lectus integer odio. Neque eget viverra massa magna lacinia aliquet ac nunc. Egestas.
BCALife Information Architecture:
Organize the content and features based on BCALife service structure.
Define a hierarchy that reflects BCALife business priorities.
Develop a visual representation of the app's structure, highlighting BCALife's unique services.
Emphasize the relationships between pages and features specific to BCALife.
Navigation Design for BCALife:
Choose a navigation system that resonates with BCALife's brand and is intuitive for users.
Ensure the design complements BCALife's overall visual identity.
Review and Iterate with BCALife Team:
Review the sitemap with BCALife stakeholders and make refinements.
Ensure that the structure aligns with BCALife's brand and customer expectations.
BCALife Information Architecture:
Organize the content and features based on BCALife service structure.
Define a hierarchy that reflects BCALife business priorities.
Develop a visual representation of the app's structure, highlighting BCALife's unique services.
Emphasize the relationships between pages and features specific to BCALife.
Navigation Design for BCALife:
Choose a navigation system that resonates with BCALife's brand and is intuitive for users.
Ensure the design complements BCALife's overall visual identity.
Review and Iterate with BCALife Team:
Review the sitemap with BCALife stakeholders and make refinements.
Ensure that the structure aligns with BCALife's brand and customer expectations.
Create User Flow
Create User Flow
Create User Flow
Develop flow diagrams showcasing how users navigate through BCALife insurance app.
Ensure a user-friendly journey that aligns with BCALife service model.
Entry and Exit Points for BCALife Users:
Identify where BCALife users enter and exit the app.
Optimize navigation to facilitate a seamless user experience.
Validation with BCALife Stakeholders:
Collaborate with BCALife stakeholders to ensure the user flow aligns with the company's vision.
Incorporate feedback and make necessary adjustments.
Create User Flow
Develop flow diagrams showcasing how users navigate through BCALife insurance app.
Ensure a user-friendly journey that aligns with BCALife service model.
Entry and Exit Points for BCALife Users:
Identify where BCALife users enter and exit the app.
Optimize navigation to facilitate a seamless user experience.
Validation with BCALife Stakeholders:
Collaborate with BCALife stakeholders to ensure the user flow aligns with the company's vision.
Incorporate feedback and make necessary adjustments.
⚠️
Examples of some user flow templates when creating a Sangfor website, I can't show all the wireframes because they belong to the company
Examples of some user flow templates when creating a Sangfor website, I can't show all the wireframes because they belong to the company
Create Wireframe
Create Wireframe
Low-Fidelity Wireframes for BCALife:
Develop basic wireframes focusing on BCALife's branding and content placement.
Gather feedback from BCALife stakeholders and incorporate it into the wireframes.
Make necessary adjustments to align with BCALife's brand guidelines.
High-Fidelity Wireframes for BCALife:
Enhance wireframes with detailed UI elements and BCALife visual aesthetics.
Create a visually appealing representation of BCALife's insurance app.
Prototype Development for BCALife:
Build interactive prototypes for BCALife's insurance app.
Conduct user testing to validate the design and functionality.
Finalize and Handoff to Development Team:
Make any refinements based on user testing results.
Finalize the wireframes and hand them off to BCALife's development team for implementation.
Low-Fidelity Wireframes for BCALife:
Develop basic wireframes focusing on BCALife's branding and content placement.
Gather feedback from BCALife stakeholders and incorporate it into the wireframes.
Make necessary adjustments to align with BCALife's brand guidelines.
High-Fidelity Wireframes for BCALife:
Enhance wireframes with detailed UI elements and BCALife visual aesthetics.
Create a visually appealing representation of BCALife's insurance app.
Prototype Development for BCALife:
Build interactive prototypes for BCALife's insurance app.
Conduct user testing to validate the design and functionality.
Finalize and Handoff to Development Team:
Make any refinements based on user testing results.
Finalize the wireframes and hand them off to BCALife's development team for implementation.
⚠️
Examples of some wireframe templates when creating BCALIfe, I can't show all the wireframes because they belong to the company
Examples of some wireframe templates when creating BCALIfe, I can't show all the wireframes because they belong to the company
Deliver
The final stage focuses on implementing the selected solution. This involves refining selected concepts, testing and iterating based on feedback.
The final stage focuses on implementing the selected solution. This involves refining selected concepts, testing and iterating based on feedback.
04
04
Final Solution
Final Solution
In Product Marketing, NOW improved product information on the app with an attractive appearance and complete product information, with a promo feature that can help BCALIfe product sales. For Health Services, NOW expands coverage by adding body & mind health support with workout and mindfulness features. Simplification of the Claim Process in the NOW application for real-time submission and tracking of claims, as well as increased transparency through the claims feature. NOW supports financial education with financial articles and financial calculators to help users prepare for retirement, BCALife may launch an interactive platform with gamification and expand financial content. Regular webinars and workshops will deepen customer understanding.
In Product Marketing, NOW improved product information on the app with an attractive appearance and complete product information, with a promo feature that can help BCALIfe product sales. For Health Services, NOW expands coverage by adding body & mind health support with workout and mindfulness features. Simplification of the Claim Process in the NOW application for real-time submission and tracking of claims, as well as increased transparency through the claims feature. NOW supports financial education with financial articles and financial calculators to help users prepare for retirement, BCALife may launch an interactive platform with gamification and expand financial content. Regular webinars and workshops will deepen customer understanding.
