Личный кабинет клиента страховой компании "Сбербанк Страхование"
КлиентООО СК "СБЕРБАНК СТРАХОВАНИЕ ЖИЗНИ"
СфераСтрахование
РегионРоссия, Москва
Платформа
Web
Год2019
6 месяцев
от старта до передачи готового продукта
2019
год победы в тендере Сбербанк Страхования
Angular
один из самых мощных фреймворков того времени
За полгода создали клиентскую часть для одной из сильнейших страховых компаний России — в том числе пробуя передовые технологии своего времени.
В 2019 году выиграли тендер Сбербанк Страхования на разработку клиентской части портала и разработки клиентского мобильного приложения.
В 2019 году выиграли тендер Сбербанк Страхования на разработку клиентской части портала и разработки клиентского мобильного приложения.
Задача
Cделать удобнее миллионам клиентов. Текущий Личный кабинет Сбербанк Страхования столкнулся с рядом проблем, которые характерны для крупного энтерпрайза.
Устаревший интерфейс. Неэффективное использование экранного пространства, перегруженность информацией и неинтуитивная навигация — одним словом, типичное «наследие» наслоившегося старого дизайна.
Запутанные сценарии. Процессы регистрации, восстановления доступа и подачи заявления по страховому случаю требовали от пользователя лишних действий и множества шагов.
Низкая наглядность. Договоры отображались в виде простого списка. Это не давало клиенту быстрой и понятной картины его страховых продуктов.
Перед нами стояла задача не просто «перерисовать» интерфейс. Нужно было полностью переосмыслить взаимодействие пользователя с личным кабинетом, сделав его простым, прозрачным и современным. И все это — в сжатые сроки и в рамках строгих требований безопасности и брендбука Сбербанка.
Наше решение: дизайн, который работает на пользователя.
Устаревший интерфейс. Неэффективное использование экранного пространства, перегруженность информацией и неинтуитивная навигация — одним словом, типичное «наследие» наслоившегося старого дизайна.
Запутанные сценарии. Процессы регистрации, восстановления доступа и подачи заявления по страховому случаю требовали от пользователя лишних действий и множества шагов.
Низкая наглядность. Договоры отображались в виде простого списка. Это не давало клиенту быстрой и понятной картины его страховых продуктов.
Перед нами стояла задача не просто «перерисовать» интерфейс. Нужно было полностью переосмыслить взаимодействие пользователя с личным кабинетом, сделав его простым, прозрачным и современным. И все это — в сжатые сроки и в рамках строгих требований безопасности и брендбука Сбербанка.
Наше решение: дизайн, который работает на пользователя.
Решение
1
Как было раньше
Первое впечатление: вход и регистрация. Все в одной куче — вход, регистрация, страховой случай. Это сбивало с толку с первого же клика.
Четкое разделение потоков. Лаконичная форма входа и простая пошаговая регистрация, которая не пугает количеством полей. Добавили альтернативные способы входа и регистрации (через Сбер ID, Госуслуги, по номеру паспорта), сделав путь в личный кабинет максимально коротким.
Главный экран: от списка договоров — к персональному дашборду. Бесконечная простыня из названий и номеров полисов.
Информативный дашборд. Каждый договор — наглядная карточка с ключевыми параметрами: сумма, срок, статус. Рядом — полезные виджеты о сервисах и кнопки быстрой связи. Главная страница наконец-то начала отвечать на вопросы пользователя, а не создавать новые.
Управление полисами: всё под рукой. Разрозненные данные и «поехавшая» верстка.
Аккуратные, логически сгруппированные блоки. Для инвестиционных продуктов добавили графики доходности, превратив сухие цифры в понятную аналитику. Теперь, чтобы оплатить взнос или заявить о страховом событии, не нужно уходить со страницы полиса — все действия доступны в один клик.
2
Как мы работали
Такой проект невозможно сделать «на стороне». Поэтому наши аналитики и дизайнеры стали частью команды клиента, работая прямо в офисе «Сбербанк Страхования». Это позволило нам мгновенно получать обратную связь и утверждать решения, не теряя ни дня из нашего сжатого графика.
Работать было непросто — клиент согласовывал всё очень строго, особенно дизайн-решения.
3
Технологический стек
В качестве фундамента для веб-версии мы сделали ставку на Angular — на 2019 год это был один из самых мощных и актуальных фреймворков для создания сложных enterprise-решений.
Для тех, кто предпочитает решать все вопросы на ходу, мы разработали полноценное мобильное приложение, обеспечив бесшовный опыт на всех устройствах.
4
Проект, которым мы гордимся
Ровно через шесть месяцев мы передали заказчику полностью готовый, протестированный и выверенный до мелочей продукт. Личный кабинет и мобильное приложение получили высокую оценку команды «Сбербанк Страхования» и были готовы к встрече с пользователями.
Однако в большой стратегии иногда происходят изменения. К моменту нашего финиша материнский «Сбер» активно строил свою глобальную экосистему, унифицируя все сервисы под единым зонтиком авторизации. По этой причине запуск нашего решения был отложен.
Тем не менее, этот кейс — яркий пример того, как наша команда способна погружаться в сложные бизнес-процессы, создавать финтех-продукты мирового уровня и выдерживать самые жесткие дедлайны. А созданные нами дизайн-система и UX-подходы заложили прочный фундамент для дальнейшего развития цифровых сервисов внутри компании.
Гордимся проектом. В очередной раз убедились, что можем сделать сильное решение для крупной компании в установленные сроки — не испугавшись серьезных требований и согласований.
Перейти на сайт