АО КБ «Соколовский»

sbnk.ru
Банк специализируется на расчетно-кассовом обслуживании юридических лиц и индивидуальных предпринимателей.

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

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

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

Аудит сайта

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

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

Проектирование состояло из трех этапов: UX/UI дизайн, включая разработку оригинальных иконок, верстку и программирование.

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

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

Концепции

Свободная широкая вёрстка с яркими цветными акцентами. В дизайне баннеров использованы современные иллюстрации, созданные при помощи нейросети.

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

Дизайн

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

UI-KIT

#01874B-#00AE64
#00AE64
#DCEDF5
#7F588F
#653385
#2B2147

Оригинальные иконки

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

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

Сайт полностью и корректно отображается на мобильных устройствах.

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

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

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

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

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