![](https://habrastorage.org/webt/8s/lm/g2/8slmg23lmpfjzw7qsmkldsotdlu.png)
Для этого мы интегрировали взрыв-схемы в приложение для страховых экспертов «Согласия» и сделали акт осмотра полностью электронным, его можно подписать прямо на месте.
Один из видов страхования, который предоставляет «Согласие» — ОСАГО. Согласно данным опроса Авито.Авто: 69% водителей хотя бы раз попадали в аварию, а 49% из них делали это один или два раза. Ежегодно тысячи людей сталкиваются с оформлением выплат по такому полису.
Для того чтобы получить выплату по ОСАГО, нужно вызвать эксперта от страховой. Он сфотографирует автомобиль и отметит повреждения в акте осмотра. Затем отвезёт документы в офис, где специалисты рассчитают сумму, которую выплатит компания пострадавшему.
Почему всё не оставить как есть
Потому что это долго и не так точно, как хотелось бы клиентам и страховой. Эксперту нужно добраться до офиса, где специалисты вручную переносят данные и считают сумму ущерба. И сам акт может стоять в очереди на рассмотрении какое-то время.
Насчёт точности: у стандартного акта нет иллюстрации, на которой можно было бы отметить, что требует ремонта или замены. На таком документе можно только прописать повреждения. И их количество зависит от опытности и внимательности страхового эксперта.
Страховые эксперты «Согласия» уже работали с нашим приложением. Через него можно было сфотографировать повреждения, акт осмотра, документы клиента и всё отправить в бэк-офис. Для этого приложения нам и нужно было собрать обновление. В новом релизе стояла задача сократить время на подготовку актов осмотра авто и увеличить точность расчёта компенсаций по ОСАГО.
![](https://habrastorage.org/webt/rb/9y/jk/rb9yjkzzllak9whleq_j-eo4o1a.png)
— Нужно было придумать такой процесс, чтобы эксперты во время осмотра могли указывать повреждения, используя свое рабочее приложение на смартфоне, и данные автоматически переносились в программу расчета. Специалистам в офисе оставалось бы только проверить корректность внесенных данных.
Сергей Дрыга, менеджер проектов
Это помогло бы уйти от бумажного акта и позволило бы формировать его электронную версию. Такая автоматизация сэкономила бы значительный пласт времени, необходимый на сверку фото с осмотра и занесение данных в программу. Идея была, но не было подтверждений того, что это
можно сделать.
![](https://habrastorage.org/webt/3m/eo/6n/3meo6nbssj9uylk2ddrixo97hvu.png)
— Мы изучили рынок: искали смог ли кто-то реализовать подобную задачу. Оказалось, что исследовать особо и нечего. Другие компании предпринимали попытки перенести процесс указания повреждений в мобильное приложение, но нам не удалось найти сколько-нибудь успешных реализаций. Ни на мировом, ни на российском рынке мы не смогли найти подходящих решений, устраивающих нас по качеству.
Дина Абызова, старший бизнес-аналитик
Чтобы реализовать идею с переносом информации о повреждениях прямо в программу расчёта, мы стали искать сервисы, которые предлагают десктопные программы для подсчёта ущерба после происшествия.
Как всё было
На рынке есть несколько таких компаний, мы выбрали немецкий программный продукт SilverDAT. Компания предоставляет промышленные данные по авто, с помощью которых можно точно рассчитать стоимость ремонта при ДТП.
Работает это так: в программу калькуляции от SilverDAT заносят данные о машине и на взрыв-схеме отмечают повреждённые детали, а также указывают ремонтные работы, которые нужно провести. После этого происходит подсчёт суммы ущерба.
![](https://habrastorage.org/webt/0x/m8/nt/0xm8ntgfxpxgygqbcmr-j-6amqg.png)
Взрыв-схема — эскизный вид конструкции с разнесенными составными частями
Перенос бизнес-процесса из десктопа в приложение
Найти сервис для калькуляции ущерба — важная, но только часть задачи. Дальше нужно было переложить самое нужное из десктопных версий SilverDAT и личного кабинета страхового эксперта «Согласия».
По итогам нескольких плотных встреч в приложение перенесли выбор авто (тип, марка, модель, модификация), выбор двигателя и КПП, указание деталей и их повреждений, выбор ремонтных воздействий, синхронизацию данных и отображение суммы калькуляции.
![](https://habrastorage.org/webt/pg/_l/em/pg_lemfnfhiovzsnehdvujbgi3o.png)
Этапы, которые остались в мобильном приложении + этапы ЭЦП
Сам расчёт ущерба остался на декстопе, это сложная бизнес-логика, с которой удобно работать именно так. И прежде чем отправить информацию о сумме ущерба, данные проверяют специалисты в офисе. Без этого пока никак.
Интегрируем взрыв-схемы
SilverDAT предоставили нам svg-файлы схем, и это просто правила разметки векторных файлов.
Нам нужно было написать парсер, который бы разбирал файл и вытаскивал из него графику и метаданные деталей авто. За месяц мы его собрали и протестировали на разных мобильных устройствах.
Затем пришло время разработать удобный интерфейс для работы со взрыв-схемами на телефонах. Например, выбранная деталь должна правильно «подсвечиваться», не задевая элементы рядом, масштабироваться и т.д. Готовых решений тут также не было, всё делали с нуля.
![](https://habrastorage.org/webt/dw/7j/5w/dw7j5wxxwuedzo8uavkmkh-7b8k.png)
Илья Войцеховский, android-разработчик
![](https://habrastorage.org/webt/om/d8/ac/omd8ac4fhondunfhxqgg_cfhelg.gif)
Взрыв-схемы в разработке
![](https://habrastorage.org/webt/dw/7j/5w/dw7j5wxxwuedzo8uavkmkh-7b8k.png)
Илья Войцеховский, android-разработчик
![](https://habrastorage.org/webt/gr/pr/uy/grpruyyhuvrod1afovfgnsaniec.gif)
Так это выглядит на деле
В приложении можно выбрать взрыв-схему для множества транспортных средств. Доступны иллюстрации для 60 производителей автомобилей, микроавтобусов, а ещё мотоциклов и даже для автодома.
Что там у UX/UI
Со стороны разработки нужно было решить сложные задачи за довольно короткий срок. Поэтому дизайн простой и удобный, мы больше сосредоточились на проектировании UX и логике навигации.
Обсуждали, как отображать экраны — какие из них показывать как модальные (такое окно появляется поверх старого, а не переходит на новую вкладку). Так мы решали проблему с навигацией, чтобы пользователю не приходилось нажимать много раз на стрелку «назад», когда ему нужно было вернуться к предыдущему этапу.
![](https://habrastorage.org/webt/yi/xn/ud/yixnudo8itnno8jbvo3ndfizyi4.png)
Пример модальных окон в приложении
![](https://habrastorage.org/webt/dj/hl/ab/djhlabqrb9mtzplkpm0arybmfcw.png)
— Ещё, например, нужно было как-то понятно показать, что у пользователя есть выбор из опций, которые могут быть взаимоисключающими. То есть в некоторых случаях можно было выбрать несколько опций (как чекбоксы), а в некоторых только одну (как радиокнопки). И зависимость, от чего происходит первое или второе, не всегда была очевидной.
Сергей Кутьков, арт-директор
Решили это неактивными полями: например, если пользователь выбрал ремонт, то замена для него поменяла цвет на серый, и наоборот.
![image](https://habrastorage.org/webt/h6/js/d0/h6jsd0gzi7lbnbpxv6y90upvpoy.png)
Выбор ремонтных работ
Также мы стали закрашивать фон у детали, для которой страховой эксперт назначил ремонт. До этого у неё менялся только цвет обводки. Людям, которые плохо различают цвета, так будет удобнее.
![](https://habrastorage.org/webt/jk/cm/n7/jkcmn7av7lrz5aqymmtopp7kowq.png)
Выбранная деталь видна издалека
В процессе работы улучшали разные моменты: добавили поиск по конструктивным группам авто, возможность добавления новой детали, несколько раз переписывали формулировки на экранах, чтобы избежать недопонимания у пользователей.
Электронный акт осмотра с цифровой подписью
В конечном итоге интеграция с SilverDAT и внедрение взрыв-схем нужны были, чтобы автоматически формировать электронный акт, который можно подписать прямо на месте осмотра.
Благодаря тому, что теперь эксперт может выбрать в приложении конкретную модель ТС, отметить все повреждения и отправить на калькуляцию в офис, процесс осмотра и расчёта схлопнулся примерно до 30-60 минут. Весь он лежит в мобильном приложении, и в офис ездить не нужно.
После осмотра на месте можно сразу сформировать электронный акт. Клиент подписывает документ цифровой подписью через смс, а эксперт усиленной цифровой подписью через специальный сервис. После этого клиент «Согласия» может ехать домой и ожидать выплату от страховой компании.
![image](https://habrastorage.org/webt/n-/lz/h1/n-lzh1uih0rdasz9un8vyofz60w.png)
Часть процесса электронной подписи
Что сейчас
Приехав на место, эксперт с помощью мобильного приложения проводит осмотр автомобиля и оформляет заявку на возмещение ущерба: фотографирует машину, выбирает нужную марку и модель, указывает на взрыв-схеме повреждённые детали.
Для каждой детали приложение предлагает разные виды ремонтных работ: диагностику, окраску, ремонт или замену. Заявку проверяют в бэк-офисе, затем данные напрямую загружаются в программу для расчёта ущерба.
В приложении доступны взрыв-схемы 60 производителей автомобилей, мотоциклов, микроавтобусов и дом на колёсах: 2500 моделей и 20-30 конструктивных групп в каждой модели. По мере выхода новых моделей данные будем обновлять.