Дизайн-подход к интерфейсу мобильного приложения страховой компании

Мобильное приложение «ВСК Страхование» мы проектировали как личное пространство клиента. Здесь собраны его полисы, страховые случаи, платежи и текущие задачи, а также сервисы и предложения компании. Важно было встроить их так, чтобы приложение оставалось полезным для клиента, а не превращалось в витрину. Отдельно мы упростили страховые процессы: в них много правил, документов и последовательных действий, поэтому интерфейс должен подсказывать, что делать на каждом этапе, особенно когда человек сталкивается со страховым случаем.

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

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

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

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

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

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

Мы сразу заложили стиль в дизайн-систему. Поэтому новый продукт не требует переделывать все с нуля - можно добавить новую букву и иллюстрацию по уже заданным правилам.

Оформление полиса или заявление о страховом случае может состоять из нескольких шагов. Поэтому на каждом экране показываем, где человек находится, что нужно сделать сейчас и что будет дальше. Еще до начала заполнения объясняем, какие действия предстоят и какие документы понадобятся.

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

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

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

В приложении также можно оформить электронный европротокол без вызова ГИБДД. Здесь особенно важно не добавлять сложности к ситуации, в которой человеку уже приходится разбираться с последствиями аварии и договариваться со вторым участником.

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

Медицинский раздел по объему возможностей сопоставим с отдельным продуктом. Здесь человек может решать медицинские вопросы прямо в приложении, не переходя в другие сервисы и не обращаясь за помощью по каждому шагу.

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

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

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