Страховой калькулятор для компании «Стравита» calc.stravita.by

 

О чем этот проект?

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

 

Задача

Создать калькулятор для расчета страховых взносов и выплат по накопительным программам страхования. Калькулятор должен сэкономить время на подбор условий страхования и подтолкнуть потенциальных клиентов обратиться в компанию для оформления договора.

 

Проектирование

Получили от заказчика подробное техническое задание, которое содержало 92 страницы и примерно на 80% состояло из формул. Возвращение к школьному и университетскому курсам математики было гарантировано.

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

Дизайнер приступает к этапу проектирования. Фронтендер в это время вспоминает, что такое рекуррентные формулы.

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

Скетч  

Несмотря на то, что поэтапность сделала бы калькулятор более юзабельным, заказчик не принял такой вариант интерфейса. Возможно, мы не «дожали» клиента, хоть и старались.

Отказываемся от поэтапности и приступаем к разработке второй версии интерфейса.

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

У каждой программы страхования свои условия. Поэтому проектируем интерфейс калькулятора для каждой программы. 

Модульные сетки

 

Дизайн

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

Дизайн калькулятора  

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

Вид калькулятора со смартфона

 

Разработка

Этап фронтенд программирования был самым трудоемким. Здесь мы реализовали логику расчетов.

В каждой страховой программе было от 6 до 11 конечных значений, которые должны были рассчитываться в зависимости от введенных пользователем данных (таких как пол, возраст, срок страхования, валюта, периодичность уплаты, размер страхового взноса / накопленной суммы).

Важно было делать расчет «на лету», то есть не перезагружать страницу каждый раз после того, как пользователь ввел или изменил значения в каком-нибудь поле. Поэтому для разработки калькулятора выбрали формат одностраничного веб-приложения (Single Page Application (SPA)). Особенность SPA заключается в том, что вместе с загрузкой веб-приложения загружается весь необходимый для дальнейшей работы код. Такой подход позволяет не обращаться к серверу, а значит и не перезагружать страницу каждый раз, когда пользователь изменяет данные в форме.

Для разработки калькулятора использовали JavaScript-фреймворк AngularJS. Фреймворк позволяет решать парой строк кода типовые задачи, такие, как, например, получение данных из полей формы. Использование фреймворка позволило сконцентрироваться на главной задаче – создании логики расчетов, а вместе с этим ускорить время разработки калькулятора.

 

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

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

Сразу после запуска калькулятора «Стравита» начала кампанию по рекламе накопительных программ страхования, в которой предлагала воспользоваться калькулятором для подбора индивидуальных условий.