Product configurator

Product configurator

Product Configurator is a web application used to configure insurance products for large properties like buildings, malls, and hotels. Multiple partners or investors can participate to share the insurance risk and claim responsibility. The participation of these partners follows a specific application process, and this Product Configurator serves as the platform to manage and configure that process.

Product Configurator is a web application used to configure insurance products for large properties like buildings, malls, and hotels. Multiple partners or investors can participate to share the insurance risk and claim responsibility. The participation of these partners follows a specific application process, and this Product Configurator serves as the platform to manage and configure that process.

Client

Client

Dubai

Dubai

Year

Year

2024

2024

Category

Category

Web App

Web App

Live Project

Live Project

Visit Site

Visit Site

Business Analyst Requirements

Business Analyst Requirements

The process was quite complex, and many of the data fields were completely new to me. When the BA explained them, my first reaction was, “I’ve never seen these before!” 😅 So I did what any curious designer would do—I started researching, Googling, and learning the basics. I combined my research with the inputs from the BA to understand the workflow better. Since there were no direct competitors to benchmark against, I had to create and maintain my own design benchmarks along the way.

The process was quite complex, and many of the data fields were completely new to me. When the BA explained them, my first reaction was, “I’ve never seen these before!” 😅 So I did what any curious designer would do—I started researching, Googling, and learning the basics. I combined my research with the inputs from the BA to understand the workflow better. Since there were no direct competitors to benchmark against, I had to create and maintain my own design benchmarks along the way.

Business Analyst Requirements

The process was quite complex, and many of the data fields were completely new to me. When the BA explained them, my first reaction was, “I’ve never seen these before!” 😅 So I did what any curious designer would do—I started researching, Googling, and learning the basics. I combined my research with the inputs from the BA to understand the workflow better. Since there were no direct competitors to benchmark against, I had to create and maintain my own design benchmarks along the way.

Pain-points

Pain-points

Great design puts users first. Thoughtful layouts, straightforward menus, and well-structured content ensure everyone—regardless of ability—can navigate with ease, making interactions smooth and frustration-free.

Great design puts users first. Thoughtful layouts, straightforward menus, and well-structured content ensure everyone—regardless of ability—can navigate with ease, making interactions smooth and frustration-free.

Pain-points

Great design puts users first. Thoughtful layouts, straightforward menus, and well-structured content ensure everyone—regardless of ability—can navigate with ease, making interactions smooth and frustration-free.

Design

Design

Initially, we started the design with two side navigations since there were two subdivisions in the process. The idea was to make navigation easier and clearer for users. However, the client mentioned they were already using a similar approach and wanted something different. So I redesigned the wireframe using a tab-based structure with side navigation, creating a waterfall-like flow. This approach was well received and accepted by the client.

\

Initially, we started the design with two side navigations since there were two subdivisions in the process. The idea was to make navigation easier and clearer for users. However, the client mentioned they were already using a similar approach and wanted something different. So I redesigned the wireframe using a tab-based structure with side navigation, creating a waterfall-like flow. This approach was well received and accepted by the client.

\

Design

Initially, we started the design with two side navigations since there were two subdivisions in the process. The idea was to make navigation easier and clearer for users. However, the client mentioned they were already using a similar approach and wanted something different. So I redesigned the wireframe using a tab-based structure with side navigation, creating a waterfall-like flow. This approach was well received and accepted by the client.

\

Concept

Concept

The flow starts with selecting the product. After that, the investor contribution amount and the required basic details are filled in. Once these initial details are completed, the remaining information is filled step by step, where each tab opens only after the previous fields are completed. This creates a structured and guided flow for the user.

Note: Some page headings have been modified to maintain client confidentiality

The flow starts with selecting the product. After that, the investor contribution amount and the required basic details are filled in. Once these initial details are completed, the remaining information is filled step by step, where each tab opens only after the previous fields are completed. This creates a structured and guided flow for the user.

Note: Some page headings have been modified to maintain client confidentiality

Concept

The flow starts with selecting the product. After that, the investor contribution amount and the required basic details are filled in. Once these initial details are completed, the remaining information is filled step by step, where each tab opens only after the previous fields are completed. This creates a structured and guided flow for the user.

Note: Some page headings have been modified to maintain client confidentiality

Nandri & vanakam

Nandri & vanakam

Nandri & vanakam

Nandri & vanakam

©2024 Abhimanyu design

GO BACK TO TOP

©2024 Abhimanyu design

GO BACK TO TOP

UX CASE STUDY