Мы разработали дизайн-концепцию Персонального финансового планирования для Сбербанк Страхования. На первом экране – краткий интригующий посыл + визуальный образ – показываем цели, которых можно достичь с помощью финансового планирования.

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

В качестве основного визуального приема мы используем стилизованные 3D-модели – точки «слетаются» и образуют визуальный образ (например, дом или автомобиль). «3D-образы» интерактивны – пользователь контролирует их с помощью курсора мыши (или акселерометра на мобильном устройстве).

Далее мы переходим к постановке целей – здесь лаконичный и интуитивно-понятный интерфейс. По наведению мыши появляется «3D-образ», по клику – задаются параметры цели:

Показываем пользователю первую визуализацию его целей на временной шкале:

Далее идет заполнение данных о финансах – справа интерактивно строится график, иллюстрирующий введенные данные. В конце строится красивая интерактивная диаграмма.

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