Back to Portfolio
Overview
Company ContextProblem Statement
Design Process
The Problem
Stakeholders
Design Iteration
Usability Testing Design System
Final Solution
Learnings
A.I. Insurance is an all in one cloud-based solution streamlining and digitizing businesses' insurance data management.
I led original B2C portal designs to digitize industry-wide insurance practices that are labor intensive with inefficient communication between insurance companies and their clients, the insureds.
I led original B2C portal designs to digitize industry-wide insurance practices that are labor intensive with inefficient communication between insurance companies and their clients, the insureds.
Timeline
3.5 months
3.5 months
Tools
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/64aa3534096cb138260205cd_62c6bc3deee9410fe137d920.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/651addbfc3b99014cc7965a7_zenhub-logo-5302123E6B-seeklogo.com.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/651addc6b481be202cc21d37_1738773.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/64aa34e8fb7bf4cdf7e94069_Adobe_Premiere_Pro_CC_icon.svg.png)
Process
Heuristics analysis
Prototyping
Responsive design
Design system
User research
Usability testing
Heuristics analysis
Prototyping
Responsive design
Design system
User research
Usability testing
Team
Victoria Liang (UXD)
Alan Fang (UX Lead)
Joe Kimlinger (Dev Lead)
Cameron MacArthur (CEO)
Joshua Saunders (Customer Success)
Victoria Liang (UXD)
Alan Fang (UX Lead)
Joe Kimlinger (Dev Lead)
Cameron MacArthur (CEO)
Joshua Saunders (Customer Success)
Role
Product designer
Product designer
Timeline
3.5 months
3.5 months
Tools
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/64aa3534096cb138260205cd_62c6bc3deee9410fe137d920.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/651addc6b481be202cc21d37_1738773.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/651addbfc3b99014cc7965a7_zenhub-logo-5302123E6B-seeklogo.com.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/64aa34e8fb7bf4cdf7e94069_Adobe_Premiere_Pro_CC_icon.svg.png)
Skills
Heuristics analysis
Prototyping
Responsive design
Design system
User research
Usability testing
Heuristics analysis
Prototyping
Responsive design
Design system
User research
Usability testing
Team
Victoria Liang (UXD)
Alan Fang (UXD)
Joe Kimlinger (Dev Lead)
Cameron MacArthur (CEO)
Joshua Saunders
(Customer Success)
Victoria Liang (UXD)
Alan Fang (UXD)
Joe Kimlinger (Dev Lead)
Cameron MacArthur (CEO)
Joshua Saunders
(Customer Success)
A.I. Insurance was built to combat the labor intensive industry insurance practices where communication is over email where pdf files are downloaded, printed and stored in filing cabinets between insurance companies and businesses.
Problem Statement
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a38d0073352e86a3fc1130_AI%20Insurance%20Problem%20Statement.png)
Understanding the Problem
I led and conducted user research to better understand the brand new users base I am is designing for with the Insured Portal to help expand A.I. Insurance's customer base.
I interviewed our clients (insurance companies) and their clients who are the direct-users of the portal (the insureds) for the following insights:
I interviewed our clients (insurance companies) and their clients who are the direct-users of the portal (the insureds) for the following insights:
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a38df454fed3eb8931efb5_A.I.%20Insurance_User%20Research.png)
Our Plan
Theses are a few potential solutions to user pain points we brainstormed in team-wide and cross functional conversations.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a38e11736b28beba536a89_A.I.%20Insurance_User%20Research%20Response.png)
Stakeholders
A.I. Insurance has a unique positioning that makes this project particularly challenging, catering to 3 parties: insurance companies, primary insureds, insureds. Steps taken in the portal system had to insure all 3 parties are happy with the results.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a55add797f1c5007ac975a_Stakeholder.png)
Design Iteration
🗂 Current Manual Flow
Translating the existing manual flow into essential functions in the app.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a39aeffc7fdb5d377080f7_AI%20Insurance%20Current%20Flow.png)
✍🏼 Initial Sketches
In collaboration with designers and product managers, we synthesized essential portal flows in the first round of sketches.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a5c84bd9c78f7be12faffd_AI%20Insurance%20Initial%20Sketches.png)
🏠 Home Screen Function Prioritization
To gather user and stakeholder feedback, I mocked up various home screen options for users to visualize the product.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a5c83c5375cf9c4098097c_AI%20Insurance_%20Home%20Screen%20Function%20Exploration.png)
💼 Policy Activities
A large portion of management beyond having access to the policy itself is making changes and additional policy relevant actions.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a5c7f91dd58c817d775046_AI%20Insurance_%20Policy%20Activity%20Exploration.png)
💬 Help Center for Easy Communication
Given A.I. Insurance's goal of facilitating seamless communication between stakeholders, it's vital that insureds can easily ask questions and communicate directly with their policy carriers within the app.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a5c7491dd58c817d76f57d_AI%20Insurance_%20Help%20Center%20Exploration.png)
🎨 Visual Exploration
To create an intuitive experience for the users after distilling essential flows, I explored various visual representations of functionalities.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a55e42a34a8c575865ac68_AI%20Insurance%20Design%20Iteration.png)
Usability Testing
Testing is still on-going and conducted by the A.I. Insurance team.
Testing demographic
◦ 40-60 year olds, non tech savvy
◦ Managers in insurance companies, insurance company clients, internal stakeholders and customer success
Testing demographic
◦ 40-60 year olds, non tech savvy
◦ Managers in insurance companies, insurance company clients, internal stakeholders and customer success
Based on Testing Insights, Users Value:
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a5cc0351c4120f9f643e93_AI%20Insurance%20User%20Feedback.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a5ccec800e37be22b543cc_AI%20Insurance%20User%20Feedback%202.png)
❌ What's missing?
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65a5ccfaa12366f8f0c3890d_AI%20Insurance%20User%20Feedback%203.png)
Responsive Design Explorations
To increase accessibility, I explored cross-channel designs, mobile and web, attuning to visual hierarchy.
Consideration/Challenges
Thinking about how the desktop B2C product would align in design language with the existing B2B product.
Thinking about how the desktop B2C product would align in design language with the existing B2B product.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/658c56a7742911553ecbc645_AI%20Insurance%20Responsive%20Design.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65875c5c07c29a40843c11a8_AI%20Insurance%20Responsive%20Design%202.png)
Design System
As we needed to extend this beyond just the mobile experience, part of the project scope because solidifying the design system to unify the experience cross platform.
Challenge: Referencing desktop B2B product to keep design language in alignment while making it accessible for mobile users.
Challenge: Referencing desktop B2B product to keep design language in alignment while making it accessible for mobile users.
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/6589d3fe8d7b750604ee1783_Cards.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/6519c5024f90a63cf77cf7d5_Buttons.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/65864cf180e769de689a14d9_AI%20Insurance%20Learnings.png)
![](https://cdn.prod.website-files.com/617c81eb4a99e12869bf1299/651c3653085afa54826a57d1_Screen%20Shot%202023-10-03%20at%2011.42.06%20AM.png)