Стройлесбанк

О заказчике

КБ «СТРОЙЛЕСБАНК» (ООО) – банк с универсальной лицензией, предоставляющий услуги частным и корпоративным клиентам. Входит в число крупнейших банков в Тюменской области по величине уставного капитала. Банк содействует развитию малого и среднего бизнеса России.

Задачи  

– Реализовать прозрачную упрощенную структуру сайта

– Разработать интуитивно понятный интерфейс на основе продуманных пользовательских сценариев

– Создать функциональный UI-дизайн с ориентацией на SEO-продвижение

– Предоставить возможность сотрудникам банка самостоятельно редактировать контент

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

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

– Настроить маркетинговую аналитику для оценки эффективности стратегий

Решения D’TERRA

1. Архитектура сайта

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

Проработанная структура и продуманная логика размещения контента обеспечили:

– Удобный поиск информации;

– Легкое восприятие контента;

– Быстрое оформление заявок.

2. Пользовательские сценарии

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

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

3. Уникальная дизайн-концепция

Общее стилевое решение – свободное пространство и акцентные графические изображения. В основу визуального оформления легли авторские фотографии, дополненные 3d-элементами.

– Проведен арт-дирекшн для фотосессии. Были подобраны аналоги – визуальные референсы для съемки персонажей и прописан гайд для фотографа с рекомендациями. 

– В основе дизайна – лаконичные имиджи, подобранные под каждый продукт. Акцентно оформленные баннеры привлекают внимание к ключевым предложениям и побуждают подробнее ознакомиться с условиями.

– Использованы корпоративные цвета банка. Зеленый цвет на интуитивном уровне вызывает доверие потенциальных клиентов и партнеров к компании.

– Реализована дизайн-система компонентов. Для упрощения внедрения новых страниц создан UI-kit – набор готовых элементов для дизайна интерфейса: шрифтов, иконок, форм и других визуальных составляющих.

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

4. Верстка сайта

– Внедрена качественная адаптивная версия сайта, обеспечивающая правильное отображение на различных устройствах. 

– В мобильной версии сайта добавлено определение устройств. В зависимости от используемой ОС, на устройстве пользователя отображается иконка для скачивания приложения в Google Play или App Store.

– Реализована версия для слабовидящих. 

5. Программирование

Проект переведен на платформу 1C-Bitrix, что позволяет гибко масштабировать архитектуру сайта и расширить его функционал.

Внедрено решение от 1C-Bitrix – редактор для контент-менеджеров. Сотрудники банка, пользуясь CMS, самостоятельно размещают информацию на сайте – оперативно редактируют часто обновляемый контент и добавляют продуктовые страницы с уникальной структурой, используя готовые блоки.

– Инструмент доработан для более удобной и быстрой актуализации контента.

– Разработан парсер для выгрузки более 200 новостей со старого сайта на новый.

6. Динамические формы расчета

Разработаны онлайн-калькуляторы – динамические формы расчета по вкладу, кредиту и ипотеке, доступные на сайте и в блоках посадочных страниц.

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

Результаты 

• Создали технологичный сайт, отвечающий последним требованиям и стандартам в области банкинга с учетом новых дизайн-трендов.

• Усилили имидж и повысили узнаваемость банка.

• Реализовали интуитивно понятный интерфейс и удобную навигацию.

• Повысили юзабилити сайта – доступ к любому разделу осуществляется в 2 клика.

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

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