СТРОЙЛЕСБАНК – функциональный современный банковский сайт

Разработать корпоративный сайт банка, отвечающий современным стандартам в области дизайна и веб-разработки.

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

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

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

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

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

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

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

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

На главной странице – продуктовая витрина с ключевыми предложениями и сгруппированными услугами. 

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

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

АРТ-ДИРЕКШН ДЛЯ ФОТОСЕССИИ 

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

ИЛЛЮСТРАЦИИ И ЦВЕТОВОЕ РЕШЕНИЕ

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

ДИЗАЙН-СИСТЕМА  

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

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

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

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

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

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

РЕДАКТИРОВАНИЕ КОНТЕНТА 

Внедрено решение от 1C-Bitrix – редактор для контент-менеджеров.  

ДИНАМИЧЕСКИЕ ФОРМЫ РАСЧЕТА

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

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

Решение позволило добиться комплексной автоматизации взаимодействия с клиентами.

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

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

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

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

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

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