Банк «Зенит»

www.zenit.ru
Банк предоставляет широкий спектр услуг как физическим, так и юридическим лицам. Розничные услуги включают в себя ипотечное, потребительское и автокредитование, открытие вкладов и другие.

Адаптивный дизайн Адаптивный
дизайн
1С-Битрикс 1С-Битрикс
1С-Битрикс CSS3-анимация
HTML5 анимация HTML-5 анимация

Проектирование

Перед нами была поставлена задача сделать редизайн сайта с учётом пользовательского опыта и современных тенденций в вёрстке.

Задачи и таймлайн

Анализ
бизнес-требований
Разработка
тех.задания
UX/UI дизайн
Верстка
Программирование
Тестирование, запуск
проекта на хостинге

Аудит сайта

На первом этапе работы был проведен комплексный аудит, который помог сформировать план работы над проектом.

  • 1. Аудит продвижения
  • 2. Технический аудит
  • 3. Аудит дизайна и юзабилити
  • 4. Анализ выявленных ошибок
  • 5. Подведение итогов
  • 6. Составление плана по редизайну сайта

Структура сайта

Мы проанализировали и оптимизировали текущую структуру сайта.

Прототипирование

Для улучшения пользовательского опыта мы тщательно проработали калькуляторы и меню.

С учётом проведённого аудита и переработанных элементов пользовательского интерфейса были разработаны прототипы основных страниц сайта.

Дизайн

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

Адаптивная версия

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

UI-KIT

#10C8D2
#0BA2AA
#0A1244
#7E829B
#CBCCD4
#DBF7F8
#F2F4F7

Оригинальные карточки услуг

В ходе работы над внутренними страницами была сформирована концепция оформления карточек для всех продуктов банка.

Детальные страницы банковских услуг

Проработали структуру детальных страниц банковских продуктов. Макеты легко адаптируются под конкретные услуги.

Акции и пресс-центр

Для удобства пользователей было решено перенести новости из раздела «Акции и интересное» в самостоятельный раздел
«Пресс-центр».

Внутренние страницы

Всего было создано более 100 адаптивных макетов страниц сайта.

Особенности реализации

Уникальная графика

Уникальные иконки сгенерированы с использованием нейросети и доработаны с помощью графического редактора.

Безопасность

При разработке и внедрении новой версии были учтены высокие требования к обеспечению информационной безопасности.
Сайт соответствует нормативам, предъявляемым регулятором к банковским сайтам.

Вывод отделений

Был разработан скрипт для выгрузки данных из подготовленных клиентом XSLS файлов с расположением и режимом работы отделений банка и банкоматов, а также синхронизации курсов валют по отделениям

Отзыв клиента