Единая цифровая платформа для частных клиентов и бизнеса

Задача

Переработать цифровую платформу компании, объединив страховые направления в единой системе и выстроив понятные пользовательские сценарии, которые ведут к заявке и покупке.

Страховая компания “ПАРИ”- российская страховая компания, работающая с 1992 года. Сегодня компания предлагает страховые продукты для частных клиентов и бизнеса: от ипотечного, автомобильного и имущественного страхования до страхования грузов, корпоративных рисков, транспорта и специализированных объектов.   

Перед командой AIR PRODUCTION стояла задача переработать цифровую платформу компании: объединить страховые направления в единой системе и выстроить пользовательские сценарии, которые ведут к заявке и покупке. 

Проблема и контекст рынка:  

Страховой продукт сложнее обычной онлайн-покупки. На одном сайте необходимо было соединить сразу несколько крупных направлений: продукты для частных клиентов и бизнеса, информационные разделы, документы, офисы, сервисы оплаты, страховые случаи и личный кабинет.

Поэтому одной из основных задач стало построение архитектуры, в которой большой объем информации не мешает пользователю решать конкретную задачу.

Функциональность проекта:  

Основные страховые продукты разделили по направлениям, сохранив общую систему навигации и сервисов.

Для публичной части сайта сформировали единую компонентную структуру страниц. В продуктовых разделах можно размещать описание страхования, риски, документы, FAQ, отзывы, банки-партнёры, формы обратной связи и другие блоки.

Отдельное внимание уделили управляемости контента: структура сайта позволяет использовать одни и те же компоненты для разных страховых продуктов и обновлять их содержимое через административную часть.

Онлайн-калькулятор:  

Калькулятор работает как система связанных сценариев, которая подстраивается под конкретные условия пользователя. Одним из самых сложных пользовательских сценариев стало ипотечное страхование. 

• Банк определяет сценарий. От выбранного банка зависит набор доступных видов страхования и возможность оформить полис онлайн. Если автоматический расчёт недоступен, пользователь может оставить заявку специалисту.

• Поля зависят друг от друга. При страховании имущества появляются данные об объекте ипотеки, при страховании жизни — сведения о застрахованном. Набор полей также меняется в зависимости от типа недвижимости и выбранных рисков.

• Встроили проверки условий. Калькулятор учитывает остаток кредита, возраст застрахованного, даты договора и срок действия полиса. Для ввода адресов подключили DaData.

• Учли нестандартные сценарии. Пользователь может добавить созаемщиков и дополнительных застрахованных, а если оформить полис автоматически нельзя — система переводит его в сценарий заявки.

В результате предусмотрели три сценария: оплата полиса, оформление проекта договора или передача заявки специалисту. 

Поля связаны между собой:  

Калькулятор динамически перестраивает форму в зависимости от предыдущих ответов.

Например, выбор страхования имущества открывает параметры объекта недвижимости, а страхование жизни и здоровья — данные застрахованного. Доступные сочетания рисков также зависят от условий выбранного банка.

Тип объекта влияет на следующие поля: для квартиры, комнаты, дома, апартаментов и машиноместа требуется разный набор данных.

Бизнес-правила и валидация:  

Калькулятор учитывает не только заполненную форму, но и страховые ограничения:

• сумму остатка кредита;

• возраст застрахованного;

• дату кредитного договора;

• начало и окончание действия полиса;

• особенности конкретного банка;

• количество застрахованных и доли заемщика и созаемщиков.

Например, для разных сценариев предусмотрены собственные допустимые диапазоны суммы кредита и возраста. Срок действия полиса также может рассчитываться автоматически в зависимости от банка.

Таким образом, интерфейс работает как система связанных правил: каждый ответ влияет не только на следующий набор полей, но и на возможность пройти определённый сценарий до конца. Отзывы подтверждают, что решение работает: клиенты отмечают удобство, понятность и логичность калькулятора.

«Центральной частью проекта стал ипотечный калькулятор. Клиент проходит его шаг за шагом, форма подстраивается под его банк и ситуацию, а в конце он получает подходящий вариант продолжения — от покупки полиса онлайн до связи с нашим специалистом.

Отзывы подтверждают, что решение работает: клиенты отмечают удобство, понятность и логичность калькулятора. Команда AIR PRODUCTION глубоко погрузилась в специфику, задавала точные вопросы и предлагала собственные решения там, где стандартные подходы не работали.

Можем рекомендовать AIR PRODUCTION компаниям, которым нужен продуманный цифровой инструмент для сложного продукта».

- Атяскина Полина, начальник отдела интернет-маркетинга

Архитектура проекта и технологический стек:  

Проект построен по Headless-подходу: клиентская и серверная части разделены и взаимодействуют между собой через программный интерфейс.

Backend реализован на Symfony, а frontend — на Nuxt (Vue.js) с серверным рендерингом SSR.

UX/UI и адаптивность:  

Интерфейс проектировали сразу для desktop-, планшетных и мобильных устройств. 

Особое внимание требовалось сценариям с большим количеством данных — прежде всего ипотечному калькулятору. Вместо вывода всей анкеты сразу пользователь последовательно получает только те поля, которые относятся к его ситуации. 

Большое количество юридической и продуктовой информации также потребовало разделения контента на самостоятельные блоки: риски, документы, FAQ, отзывы, банки-партнёры и формы обращения.

Для пользователей с ограничениями по зрению предусмотрена отдельная версия интерфейса.

Результаты:  

• Переработана главная страница;

• Реализованы направления для B2C- и B2B-аудитории;

• Разработаны сценарии продуктовых страниц;

• Реализован ипотечный калькулятор с зависимыми полями и несколькими вариантами завершения;

• Адаптирован интерфейс под разные устройства;

Главной особенностью проекта стал ипотечный калькулятор: вместо стандартной формы получилась система, которая учитывает параметры конкретного клиента и на их основе определяет структуру анкеты и дальнейший путь пользователя.

Перейти на сайт