Admin panel 2.0

Admin panel 2.0

See the project
Admin Panel 2.0 is a web application designed for internal and external communication and processes of insurance applications at Feather.

Feather is an insurance company who offers personalized insurances and provides digital insurance experience. Admin panel is crucial everyday tool for the operation team at Feather. Here the majority of the customer data lives and they are processed by the operation team and partnered insurance providers. The platform is a website application which is used mainly on desktop environment. It is a tool which affects operation teams’ performance and also plays also an important role on customer satisfaction.

Admin Panel 2.0InsurtechAdminWebsite app
Role

UX/UI designer

Time

Ongoing

Team

Product team

Year

2022 - Present

Deliverables

Interaction design

Design system

Prototyping

Documentation

User interview

User testing

Information architecture

Introduction

Admin panel 2.0 is an ongoing project and includes a lot different sub-projects. The general aim is creating a shared platform for different users and use cases. It is mainly used for processing insurance applications, managing statuses of insurance policies and claims of customers, and managing customers’, affiliates’ and partnered companies’ information. It maintains the source of truth within the company, for the operation team and the partnered companies and serves as a communication tool between them during the process of policies or claims. Each section and page can be used by different users and solve different use cases, but hence it functions as a whole. So each each section in the platform is a project on its own. But everything has been designed by maintaining the same structure and design patterns. The project I am introducing here is one of the sub-projects that I have been worked in the scope of Admin Panel 2.0 project. This one is about moving the private health insurance applications from the old admin panel to the new one, by improving the user experience and solving the existing problems by adding new functionalities and automations.

User stories

Operation team

As ops team we want to have a platform to view insurance applications of the customers and their personal information so that we can process and manage their applications or requests.

Insurance provider

As provider we want to have a platform where we can view all applications and customer information and communicate with Feather team easily so that we can solve issues together quickly, and process applications.

HR admin

As HR of partnered company we want to view our employees’ insurance documents so that we can help our employees during the insurance process and cover some part of the insurance costs for them.

Problem

There were some major problems with the existing admin panel: filled with unnecessary information over time, non-intuitive, unorganised, cluttered and not serving for the purpose anymore. This version of admin panel was created by only developers, without a designer involvement, and was a quick solution for a limited period of time. After it becomes so cumbersome, and non-helpful for ops team's daily processes, a new version started to be considered. The purpose of the new version is to solve all the existing pain points, create a user-friendly and scalable platform.

Problem

Challenges

Insurance is a complex topic

Each insurance vertical has unique process, each operation team has unique needs and use cases.

Creating a unified interface

A platform which has different interfaces for different user groups, hence keeping it unified and aligned.

Keeping it adaptable for future needs

The processes of insurances are evolving and changing depending on the provider constantly. This makes adaptability a key concept of admin panel.

Ideate

Site map

main-image
image-b937a2090b80f0b7e5294417d8d8f3618bbfe61f-1316x1032-png
image-2ef4b731f796398079b91bf68ef54dc502ebf78a-1316x1032-png

List view - before vs. after

image-be9ccdcb3a2889a7b87694c57183f7c4a060bed6-1316x1033-png
image-f916d53505276b9e206178ca7e2898e2edea4693-1316x1033-png

Detail page - before vs. after

Usability testing

High fidelity prototype were used as a tool in this usability study. I conducted testing with three potential users from operation team. 10 tasks have been prepared for users to complete. During the study, the number of completed tasks was counted and the duration of the completion of the tasks was measured. I investigated the pain points and the reasons of incompletion of few tasks. Also I asked the participants about if there are more feature requests.

Methodology

Moderated usability study

Participants

3 Participants

KPI

Task success rate

Location

Germany, remote

Date

February, 2023

Length

30 min (each)

Usability testing

Key Insights

01

Managing documents easier (edit, delete, etc)

02

Better filtering options for policies

03

A new tab for dependents of the policies

Solution

Solution was mainly creating a very clean and organized interface which user can intuitively use. Creating clean and simpler workflows was the solution that we were aiming for. For better navigation, side navigation panel has been created. Each page and feature were crafted with the respect of the user needs, even so all the user experience has been unified under the same look and feel.

Final Design

Design System

image-9319f8c46fe9deaa21a326d9cbf7a829e8ce2022-1800x980-png
image-ddcfdb662257a76962f778f3d635299ebb0b1cc5-1756x2241-png
image-890d71da4bb498b21a94e63c89d681d632d29139-1800x1499-png
Final design

Features: Advanced and quick filtering options

Users can filter by quick filtering options or can apply more filtering options and combine them together. This helps them filter out the most relevant policy application that they need to process forward.

image-e6b504fca8eaf3b09e28038e1bd3cd4a4e015c87-1316x1032-png
Final design

Features: Updating information

Some policy information can be edited in-line. User can save their updates instantly. Some of the changes can also trigger regenerating the relevant policy documents.

image-8b977900cabe0cbffe81a011ebc8c24e46de507f-1316x1033-png
Final design

Features: Tariff change

Upon customer’s request, ops team needs to adjust the tariff information of a policy. The information will be effective always for a future date. Therefore the changes can be applied now and saved for the selected date. The changes always are reversible.

image-b4d27d1a4632c725a596ae9ed10a99c0e9a4cd83-1316x1032-png
Final design

Features: Issues

Issues are like tasks for operation team that need to be resolved during processing of the policy applications. Users can create issues to communicate with the provider about a problem or missing information.

image-a1f8b6af3a3773c2fb6de9a53820a709aab798e3-1316x1032-png
Final design

Features: Status changes

Policy applications have different statuses while being processed. Users need to change the statuses in some cases and also they need to enter new information or upload related documents.

image-983e73debb894a141965dcf1613895fa6b6a74c5-1316x1033-png
Final Design

Key concepts

Scalability

Admin panel as a live organism, needs to be added new pieces everyday, the structure should be flexible enough to scale larger over time.

Speed

Creating page templates, which helps to build quickly by developers with minimal design effort. Speeding up the process by reusing and repurposing the existing UI components.

Automations

Automating the ops processes made their lives easier and as a result improved customer satisfaction.

Reusability

Keeping the components and patterns reusable minimized the effort for developers to build and users to rethink while using the product. The design system helps keeping components reusable.

“Discovering the users' actual problems and needs is crucial, rather than solely concentrating on their expressed wants.”

Conclusion

Impact

Higher efficiency on operation team processes

Better and faster communication with insurance provider

Faster processes on policies and claims affects customer satisfaction