Клиент
Департамент комплексных продаж компании ЭНЕРГОГАРАНТ. Команда департамента развивает продукты и клиентские сценарии, связанные с продажей страховых услуг.
Задача
НС-Танцоры — страховой продукт для спортсменов, которые занимаются танцевальным спортом, акробатическим рок-н-роллом и брейкингом. Нам нужно было перенести оформление полиса со старого сайта на новый, сохранить страховую логику, интеграции с внутренними системами и возможность продления через личный кабинет.
Решение
Перенесли продукт на новый сайт и собрали для него сценарий оформления полиса:
- Добавили продукт «НС Танцоры» в личный кабинет и на продуктовую страницу сайта.
- Сделали отдельные страницы оформления для трех направлений: танцевального спорта, акробатического рок-н-ролла и брейкинга.
- Собрали путь оформления полиса из четырех шагов.
- Настроили расчет стоимости, проверку данных спортсмена и создание договора через интеграцию с автоматизированной информационной системой (АИС).
- Добавили работу с документами, адресами, оплатой и доставкой бумажного полиса.
- Встроили полис и его продление в логику личного кабинета.
Собрали точку входа в оформление
Подготовили три отдельные страницы оформления: для танцевального спорта, акробатического рок-н-ролла и брейкинга. Это помогло развести сценарии по видам спорта и учесть различия в правилах оформления, страховых суммах и наборе полей.
Для каждой страницы настроили свой URL, а внутри сохранили единый визуальный подход, чтобы продукт воспринимался как часть одного сервиса.
Продумали навигацию
На страницах оформления собрали навигационную цепочку от главной страницы до конкретного страхового продукта. Пользователь в любой момент понимает, где находится, и может вернуться на предыдущий уровень.
Разбили оформление на шаги
Шаг 1. Данные полиса
Пользователь указывает все, что нужно для расчета и начала оформления: категорию спортсмена, дату рождения, страховую сумму, дату начала действия и срок полиса.
Выбор суммы связали с возрастом и видом спорта. Для разных направлений действуют свои минимальные пороги, поэтому рядом с полем добавили пояснения и подсказки. Это помогает пользователю не ошибиться в выборе.
Для танцевального спорта предусмотрели отдельную механику: пользователь может указать номер книжки спортсмена. Если данные находятся, часть полей заполняется автоматически. Если книжки нет, форма переключается в другой сценарий и позволяет ввести данные вручную.
Шаг 2. Данные застрахованного
Пользователь указывает личные данные спортсмена: ФИО, дату рождения, пол и документ. Если часть информации уже подтянулась на первом шаге, форма использует ее повторно. Также подключили распознавание документа для сценариев с российским паспортом.
Для пользователей старше 14 лет предусмотрели сценарий с паспортом, для младших — со свидетельством о рождении. Для иностранных документов форма тоже меняется и показывает нужные поля и страну выдачи.
Если полис оформляет совершеннолетний спортсмен на себя, можно отметить это в форме, и данные автоматически переносятся на следующий шаг.
Шаг 3. Данные страхователя
Пользователь указывает данные того, кто оформляет и оплачивает полис. Это может быть сам спортсмен или другой человек. Раздел нужен, чтобы корректно разделить роли внутри страхового сценария.
На этом этапе пользователь также может выбрать получить полис на фирменном бланке. После этого форма показывает поле для почтового адреса, а расчет стоимости обновляется с учетом доплаты. Такой сценарий позволяет совместить цифровое оформление с офлайн-доставкой документа.
Шаг 4. Проверка и оплата
Пользователь видит все данные, которые он ввел: по страхователю, застрахованному и параметрам полиса. Он может перепроверить информацию перед оплатой.
На этом же экране в блоке расчета появляется кнопка оплаты. Если пользователь уже есть в системе, он сразу переходит к оплате. Если нет, сначала проходит дополнительное подтверждение через код из письма. После этого открывается платежный сценарий.
С любого этапа пользователь может вернуться назад, исправить данные и продолжить оформление без потери логики сценария. Это важно для длинных форм, где ошибки часто замечают не сразу.
Вынесли расчет стоимости в отдельный блок
На каждом этапе оформления справа отображается блок с предварительным расчетом. В нем пользователь видит направление спорта, стоимость полиса и изменения в цене по мере заполнения формы.
Например, если клиент выбирает бумажный полис на фирменном бланке, он сразу видит, что цена изменилась. На последнем шаге в этом же блоке появляется кнопка оплаты. Это делает стоимость прозрачной на протяжении всего сценария.
Добавили блок с получением полиса и контактами
Прямо на странице объяснили, как пользователь получит полис и куда можно обратиться с вопросами. Для этого собрали отдельный информационный блок и связали его с формой обратной связи. Это помогает снять часть вопросов еще до покупки.
Показали преимущества продукта
Чтобы не оставлять оформление сухой формой, добавили блок с ключевыми преимуществами страхового продукта. Он объясняет, что полис соответствует требованиям ФТСАРР, данные о страховании могут автоматически попадать в базу федерации, а сам спортсмен считается застрахованным с момента оплаты. Это усиливает доверие и отвечает на важные вопросы прямо внутри сценария.
Собрали блок с документами и условиями страхования
Вынесли в отдельный раздел все основные документы: КИД, условия страхования, правила, таблицу выплат и памятку застрахованному. Каждый документ открывается на отдельной странице. Пользователь может быстро проверить условия и не искать их в других разделах сайта.
Добавили сценарий продления полиса
Сделали отдельную страницу пролонгации. На ней пользователь видит данные старого полиса, параметры нового договора, информацию о страхователе и застрахованном, а также стоимость продления. Если нужно, часть данных можно изменить перед оплатой.
Такой сценарий перенес продление в новый цифровой контур и избавил пользователя от необходимости заново проходить оформление с нуля. Кроме экрана в личном кабинете, заложили отдельную страницу продления без жесткой привязки к ЛК. Это позволяет использовать сценарий гибко и не ограничивать его только одним контуром входа.
Подготовили бэкенд-контур
Сделали отдельные бэкенд-методы, которые связали интерфейс с АИС. Через них сайт получает данные по номеру книжки спортсмена, рассчитывает стоимость полиса, создает проект договора и передает данные по страхователю и застрахованному.
Отдельно заложили логику для параметров, которые зависят от категории спортсмена, а также добавили обработку почтового адреса для бумажного полиса.
Результат
- Перенесли продукт на новый сайт без потери страховой логики и встроили его в общую систему личного кабинета. Мобильное приложение также поддерживает функционал продукта.
- Для пользователя оформление стало понятнее, потому что путь разбили на шаги, а ключевые условия и документы показали прямо в интерфейсе.
- Появилась база для дальнейшего развития сервиса с отдельными страницами по видам спорта, собственными бэкенд-методами и управлением продуктом внутри нового сайта.
-
«Команда разработчиков помогла нам перенести продукт «НС Танцоры» на новый сайт и встроить его в личный кабинет без потери важной страховой логики. В итоге мы получили новый цифровой сценарий оформления полиса для спортсменов. Спасибо команде за внимательную, вовлеченную и профессиональную работу».
Другие кейсы
Цветов.ру
Высоконагруженный сайт для сети магазинов у дома
Магнит Сельта
Корпоративный сайт для федеральной транспортной компании