ООО "ДИДЖИТАЛ ТЕРРА"

Структура сайта Детально проработана информационная структура сайта с учетом специфики верстки онлайн-журнала. На главной странице материалы собраны в блоки по сгруппированным темам. Для вовлечения аудитории выделен блок с тестами и опросниками. Удобная UX-концепция Продуманная логика размещения материалов обеспечила легкое восприятие контента. Разработана удобная система шаблонов внутренних и разводящих страниц. Функционал сайта адаптирован под мобильные устройства. Система навигации – С левой стороны экрана расположено вертикальное скрывающееся меню. При чтении статей меню сворачивается для акцентирования внимания на контенте. – Систематизация публикаций. Статьи начинаются с содержания. Создана иерархия заголовков для удобного восприятия. – Удобный поиск. Читатель может легко найти любую статью – обеспечена высокая скорость загрузки. – Для удобства классификации и организации контента каждый материал размечен тэгами, отражающими тематику и категорию. Концептуальный дизайн Разработан легкий воздушный дизайн. Использованы фирменные цвета банка. Добавлены спокойные светлые оттенки зеленого цвета. – Акцентные 3D-иллюстрации дополняют общую стилистику сайта и привлекают внимание. – Создан раздел с видео, трансляциями и подкастами. Контент разделен на категории с помощью UI-элементов. Пользовательский контент Читатели могут стать авторами или предложить тему для статьи. Для создания контента установлены права доступа в личном кабинете. Пользователь пишет статью и направляет на модерацию администраторам. При одобрении материал публикуется на сайте. Разработаны формы для взаимодействия с читателями: – Возможность предложения темы для публикаций – Возможность стать автором Life.Profit. – Подписка на рассылку с подборками статей Проведены работы по SEO-оптимизации – Сохранен доступ к URL архивных статей в новой структуре сайта благодаря настроенным редиректам – Автоматизирована микроразметка изображений – Внесены изменения для нескольких сотен страниц для исправления одинаковых мета-тегов Title и H1 – Настроена передача материалов в сервис «Google Новости» Программирование Применен современный подход разработки на CMS «1С-Битрикс», что позволяет сохранить ранее созданный контент, расширить функционал для редакции и пользователей, увеличить производительность сайта. – На основе модульного визуального редактора статей editor.js разработан визуальный редактор для статей. Преимущества редактора: размещение статей в готовых блоках и модулях, удобство использования и интуитивная навигация, изменение любого элемента статьи. – Для читателей разработан функциональный личный кабинет. Добавлены всплывающие блоки входа и регистрации: по логину и паролю, через аккаунты Google, VK и почты. – Разработано собственное программное решение для реализации древовидных комментариев в статьях – пользователи могут вести дискуссии. Благодаря системе читатели создают в ветках комментарии на разные темы, что увеличивает время, проведенное на сайте. Результаты • Ежемесячная аудитория – 200 тыс. посетителей • Осуществили перенос сайта с Tilda на CMS «1С-Битрикс» • Разработали концептуальный дизайн. Продумали навигацию и реализовали интуитивный интерфейс. • Провели SEO-оптимизацию. Повысили видимость сайта в поисковых системах. • Внедрили функционал для вовлечения аудитории. За счет чего: – повысилась активность на сайте – усилилась лояльность к бренду – улучшился канал коммуникации с пользователями • Экспортировали более 1000 ранее созданных материалов • Обеспечили высокую скорость загрузки страниц: с 5-10 секунд до 1-3 • Для редакции заказчика: создали удобный визуальный редактор статей • Для читателей: создали удобный личный кабинет

Структурированная подача информации Продуманные блоки навигируют пользователя к оформлению заявки на продукт. В них выделены преимущества эквайринга, описаны способы приема платежей, стоимость услуг, бонусная программа, добавлены отзывы клиентов. Форма сбора заявок Создана удобная форма заявки. Для подключения услуги клиенту достаточно оставить номер телефона. Яркий дизайн лендинга • Разработан дизайн в легких цветах, дополняющих фирменную стилистику, добавлены акцентные иллюстрации эквайринга. • Реализована адаптивная верстка, обеспечивающая правильное отображение на различных устройствах. • Созданы яркие карточки и иконки для акцентирования внимания на преимуществах продукта. Создан дизайн баннеров для контекстной и таргетированной рекламы. Создание маркетинг-китов Отдел продаж – первая точка соприкосновения клиента с банком. Менеджерам необходимо снять возражения текущих клиентов и привлечь новых. Для этого разработаны продающие презентации: • Повышают уровень доверия к новому продукту банка • Стимулируют рост продаж В КП указаны контактные данные менеджера. Результаты: • Реализовали продающий лендинг для торгового эквайринга Делобанка. • Разработали дизайн посадочной страницы, презентаций и рекламных баннеров • Продумали навигацию и реализовали интуитивно понятный пользовательский интерфейс • Перенастроили существующие формы на сайте для разработки лендинга • Настроили форму обратной связи для сбора лидов по продукту

Архитектура сайта На главной странице — удобная продуктовая витрина с ключевыми предложениями. На двух ключевых вкладках сгруппированы услуги для частных и корпоративных клиентов. Раздел «Аналитика» – Разработан архив с детальными страницами аналитических обзоров. Для легкого поиска: внедрены фильтры, настроен поиск, обеспечена взаимосвязь параметров для наилучшего результата фильтрации. – Обеспечено редактирование контента. Для оперативной публикации обзоров реализован расширенный функционал для сотрудников банка. – Для доступа к обзорам в рамках тех. поддержки планируется реализация авторизации пользователей – доступ к разделу будет предоставлен только клиентам с подпиской на аналитическую рассылку. Лаконичность дизайна Разработан концептуальный адаптивный дизайн и создан сайт в европейской стилистике с учетом особых критериев к шрифтам и изображениям. Использован минималистичный, сдержанный подход к оформлению. – Разработана визуальная концепция. На страницах сайта использовано изображение лабиринта как визуальный образ, транслирующий идею не всегда простого пути инвестора. Банк, в свою очередь, выступает проводником в мире инвестиций и помогает клиентам найти лучшее решение. – Для упрощения процесса создания новых страниц создан UI-Kit, а также разработана и внедрена дизайн-система – набор компонентов, правил, предписаний и инструментов для повышения качества и скорости разработки продуктов, а также эффективной поддержки существующих. – На сайте выдержана нюдовая цветовая гамма — оттенки золотисто-бежевого цвета создают элегантный образ и выделяют компанию на конкурентом рынке. Визуальный ряд сайта дополняют абстрактные иллюстрации и фотографии. Проработка пользовательских сценариев По результатам анализа пользовательского пути разработана UX-концепция. – Внедрены навигационные элементы и реализован быстрый доступ к разделам. Чистый интерфейс позволяет легко воспринимать информацию и ориентироваться на сайте. – Разработаны удобные формы в разделе «Карьера»: вакансии, стажировки, обратная связь. Программирование Применен современный подход разработки на 1C-Bitrix Enterprise с использованием нового ядра платформы D7, в основе которого лежат новые общепризнанные разработчиками технологии. – На двух сайтах обеспечено взаимодействие раздела «Депозитарий», за который отвечает один отдел в банке. Для синхронизации работы раздела внедрен OpenAPI для внутреннего API. Так при внесении изменений информация автоматически обновляется на обоих сайтах. – В разделе «Офисы» реализовано автоматическое размещение контактной информации. Данные обновляются на сайте при наличии изменений. Результаты • Разработали сайт с продуманной архитектурой и внедрили функционал для оперативного обновления контента. • Создали лаконичный дизайн сайта и внедрили дизайн-систему для масштабирования проекта. • Продумали навигацию и реализовали интуитивно понятный пользовательский интерфейс. • Интегрировали функционал, повышающий лояльность пользователей и удобство при работе с сайтом.

Логичная структура Проработали очередность и удобство блоков с точки зрения пользовательского опыта. В последовательных разделах описаны возможности, условия, преимущества и особенности программы обучения. Акцентные блоки Для привлечения внимания потенциальных сотрудников визуально расставили акценты на ключевых блоках, влияющих на принятие решения. Удобная форма заявки Реализовали простую и яркую форму заявки. Страница интегрирована с почтовым сервисом Sendsay. Контрастный дизайн Используя брендбук и стилистику банковского сайта, разработали запоминающуюся дизайн-концепцию, обыграв ретро-тему 90-х годов. Дизайн выполнен в контрастной цветовой гамме с использованием ярких молодежных анимированных стикеров. Результат Рассказали о карьерных возможностях студентов в крупном банке страны. Расширили IT-команду АТБ – более 200 специалистов подали заявки на прохождение обучения.

Архитектура сайта Проанализирована и структурирована информация старого сайта для логического построения новых страниц и качественного наполнения веб-ресурса. Проработанная структура и продуманная логика размещения контента обеспечили: – Удобный поиск информации. – Легкое восприятие контента. – Быстрое оформление заявок. Пользовательские сценарии UX-концепция разработана на основе цифрового опыта пользователей. Продумана навигация по сайту – маршрут переходов спроектирован с учетом клиентских запросов. Переход на внутренние страницы ориентирован на совершение целевого действия: отправка заявки, заполнение формы, написание отзыва. Внимание пользователей сконцентрировано на основных продвигаемых продуктах банка. Уникальная дизайн-концепция Общее стилевое решение - свободное пространство и акцентные графические изображения. В основу визуального оформления легли авторские фотографии, дополненные 3d-элементами. – Проведен арт-дирекшн для фотосессии. Были подобраны аналоги – визуальные референсы для съемки персонажей и прописан гайд для фотографа с рекомендациями. – В основе дизайна – лаконичные имиджи, подобранные под каждый продукт. Акцентно оформленные баннеры привлекают внимание к ключевым предложениям и побуждают подробнее ознакомиться с условиями. – Использованы корпоративные цвета банка. Зеленый цвет на интуитивном уровне вызывает доверие потенциальных клиентов и партнеров к компании. – Реализована дизайн-система компонентов. Для упрощения внедрения новых страниц создан UI-kit – набор готовых элементов для дизайна интерфейса: шрифтов, иконок, форм и других визуальных составляющих. – Подготовлены уникальные дизайн-макеты. Прорисовано более 60 страниц в различных исполнениях и разрешениях. Верстка сайта Внедрена качественная адаптивная версия сайта, обеспечивающая правильное отображение на различных устройствах. В мобильной версии сайта добавлено определение устройств. В зависимости от используемой ОС, на устройстве пользователя отображается иконка для скачивания приложения в Google Play или App Store. Реализована версия для слабовидящих. Программирование Проект переведен на платформу 1C-Bitrix, что позволяет гибко масштабировать архитектуру сайта и расширить его функционал. Внедрено решение от 1C-Bitrix – редактор для контент-менеджеров. Сотрудники банка, пользуясь CMS, самостоятельно размещают информацию на сайте – оперативно редактируют часто обновляемый контент и добавляют продуктовые страницы с уникальной структурой, используя готовые блоки. – Инструмент доработан для более удобной и быстрой актуализации контента. – Разработан парсер для выгрузки более 200 новостей со старого сайта на новый. Динамические формы расчета Разработаны онлайн-калькуляторы – динамические формы расчета по вкладу, кредиту и ипотеке, доступные на сайте и в блоках посадочных страниц. Продуктовые калькуляторы имеют сложную логику расчета. Понятный настраиваемый функционал учитывает дополнительные заданные параметры для получения наиболее точной суммы, приближенной к результатам банка. Результаты: • Создали технологичный сайт, отвечающий последним требованиям и стандартам в области банкинга с учетом новых дизайн-трендов. • Усилили имидж и повысили узнаваемость банка. • Реализовали интуитивно понятный интерфейс и удобную навигацию. • Повысили юзабилити сайта – доступ к любому разделу осуществляется в 2 клика. • Увеличили точки касания с клиентами, повысили лояльность пользователей и удобство работы за счет интеграции нового функционала. • Увеличили конверсию за счет внедрения адаптивной версии сайта, продуктовых калькуляторов и удобных форм.

Интеграции Для улучшения дистанционного обслуживания проведены интеграции с CMS 1C Bitrix, внутрибанковскими системами и аналитическими сервисами. Проведена интеграция с внутренней сетью офисов и банкоматов. Разработана постоянно обновляемая система городов, которая используется как на сайте, так и во внутренней сети банка. Обеспечена передача ставок вкладов на сайт ЦБ. Оптимальная отказоустойчивая архитектура Сайт переведен на 1C-Bitrix Enterprise для гибкого масштабирования архитектуры. Новая платформа позволяет строить кластеры – распределенные системы. Так сервера находятся в разных местах при сохранении централизованного управления и администрирования. Обеспечен высокий уровень защищенности доступа и сохранность конфиденциальной информации. Дизайн Разработан дизайн для обновленного бренда банка. Добавлены фирменные цвета и лаконичные образы. Выделена цветовая палитра. Визуальные решения подобраны с учетом новой фирменной стилистики. Проработаны детали. Реализовано блочное построение. Усовершенствование UX Улучшены пользовательские сценарии. Грамотно проработанная цепочка навигации на сайте облегчила работу пользователей. Разработаны разделы «Частным клиентам», «Бизнесу» и «О банке». Предложения банка систематизированы для легкого доступа к продуктам. Быстрая поддержка сайта Увеличена скорость внесения изменений на сайт. Сделали важную информацию на сайте редактируемой. Теперь изменение контента не является длительной задачей. Сотрудники банка могут самостоятельно актуализировать информацию. Аналитика бизнес процессов Проанализировали путь пользователя, определили узкие места в воронке продаж, выработали решения, которые позволили увеличить конверсии в продажи и целевые действия. Результаты Команда D’TERRA создала сайт, отвечающий последним трендам и требованиям в области банкинга. Обеспечили рост продаж – увеличили в 2 раза. В 2 раза увеличили время нахождения пользователя на сайте. Создали оптимальную архитектуру для постоянного обновления сайта

Интеграции Провели интеграцию с внутренними банковскими системами: интеграция с CMS 1C Bitrix. Оптимизация пользовательского пути Переработали и продумали UX. Для каждой группы бизнеса проработали наиболее эффективный путь с подборкой подходящих продуктов и услуг. Дизайн Разработали новый дизайн сайта. На главном экране – удобная продуктовая витрина. В ходе изменений в продуктовой линейке можно быстро менять содержимое карточек и их количество. Для преимуществ разработали запоминающуюся визуализацию. Увеличение скорости взаимодействия между пользователем и сайтом Оптимизировали работу сервера приложения. Переработали обработку изображений, добавили новые форматы изображений. Переработали и оптимизировали загрузку шрифтов и JS составляющей. Мобильная версия Создали удобную мобильную версию. Карточное построение делает контент удобным для восприятия. Блоки очень легко подстраиваются под мобильный телефон Результаты • Повысили конверсию по поисковым запросам и оформлению заявок. Благодаря созданию нового сайта в 1.5 раза выросла динамика органического трафика по уникальным пользователям. • Оптимизировали цифровые каналы продаж и работу с клиентами в онлайн-сегменте. Улучшили клиентский опыт и сократили путь пользователя к нужным продуктам. • Разработали современный и привлекательный дизайн. Создали интуитивно понятный UX и повысили доверие молодых предпринимателей к банку. Сайт был высоко отмечен отраслевым Рейтингом Рунета-2020.

Внедрены online-технологии и система сквозной аналитики, улучшен пользовательский опыт работы с продуктами банка, клиенты простимулированы на переход к новым инструментам. Интеграции Интеграция online-инструментов и технологичных продуктов для ориентации на дистанционную работу: – Внедрена система безопасного распознавания документов на основе искусственного интеллекта. – Проведена интеграция с «Объединенным Кредитным Бюро» (сервис ОКскор). – Оптимизирован процесс получения кредитной карты. Реализована подача online-заявки и доставка на дом. – Улучшена online-анкета для малого бизнеса: обеспечен удобный процесс резервирования счета для бизнеса. Внедрены проверка данных и скоринг. – Интегрирован сервис «Цифровой ипотеки». – Реализована авторизация через портал «Госуслуги». Дизайн Дизайн стартовых страниц обновлен под новые инструменты для удобства работы и сокращения пользовательского пути к новым инструментам. – Улучшен пользовательский опыт для online-работы с продуктами банка. Любое действие на сайте можно осуществить в два клика. – Проработана дизайн-концепция главных страниц для бизнеса и физических лиц. Обновлены визуальные составляющие и стилистика разделов. – Для информирования зарубежных партнеров разработан сайт банка на английском языке. Трафик Улучшены каналы привлечения трафика для стимулирования клиентов на переход к новым online-инструментам. – Выбраны качественные каналы трафика. – Увеличена конверсия в договор и снижена нагрузка на сотрудников, обрабатывающих заявки. – Исключена ручная проверка заявок – автоматизирована работа по CPA. – Осуществлен переход от публичных систем веб-аналитики к облачной. Результаты • Улучшено дистанционное обслуживание клиентов при помощи 7 автоматизированных online-внедрений. • Благодаря внедрению дистанционных сервисов, увеличилось общее количество заявок на 31,6% и количество сеансов на 22,27%. • Количество пользователей сайта возросло на 17%. • Настройка метрик и аналитики позволила рассчитать количество клиентов, приходящих через digital-каналы – доля новых online-пользователей составила 36%.