Провели редизайн сайта Банка Синара
О проекте и клиенте
Команда D'Terra провела редизайн сайта Банка Синара – крупного системообразующего банка страны. В рамках проекта дизайн адаптирован под формат PWA-приложения с учетом логики пользовательского пути.
Цель: разработать дизайн нового сайта и адаптировать его под интерфейс мобильного приложения
Аналитика данных
Собраны и проанализированы данные Яндекс.Метрики. На основании тепловых карт проведена оценка активности взаимодействия пользователей с блоками сайта.
Адаптация сайта под мобильное приложение в формате PWA
В 2023 году 54% трафика приходится на мобильные устройства. Функционал банковского сайта часто используется с телефона. Однако в текущих реалиях существует риск блокировки приложения.
Мобильное меню
Многоуровневое меню в мобильной версии заменяет стандартную бургер-навигацию и создает сходство с приложением. Добавлен таббар с важными разделами.
Интеграция формы «Персональные предложения»
На главной странице внедрена форма сбора заявок. Реализована интеграция по отправке данных в контур банка. Клиент заполняет 3 коротких поля, на основе ответа системы в UI-блоках выводятся индивидуальные предложения от банка.
Дизайн
Дизайн-концепция создана на основе обновленного брендбука банка с применением Mobile First подхода.
- Разработана дизайн-система, обновлена стилистика UI-элементов
- Создан универсальный шаблон страниц на основе карточного дизайна
- В дизайне используются градиенты, кононусоподобные формы и изображения персонажей в сочетании с 3D-элементами
Результат
Провели редизайн сайта Банка Синара
- На 15% увеличилось время пребывания пользователей на сайте
- Увеличилось количество визитов и выросла глубина просмотра
- UI-дизайн сайта адаптирован под формат PWA-приложения
- Создали дизайн-систему на основе обновленного брендбука банка
- Разработали многоуровневое мобильное меню
- Переработали шаблоны продуктовых страниц
- Реализовали форму по сбору заявок