Инвестиционный Банк Синара
Комплексный подход к поиску и реализации инвестиционных возможностей
Проектирование
Дизайн
Верстка
Программирование
Интеграции
Тестирование
Настройка аналитики
01

О банке

Инвестиционный Банк Синара — инвестиционно-банковское направление ПАО Банк Синара. Предоставляет полный спектр финансовых услуг частным клиентам, компаниям, фондам, институциональным и корпоративным клиентам среднего размера. Оказывает постоянную поддержку в управлении благосостоянием и предоставляет квалифицированную навигацию в финансовом мире — предлагает эффективные модели и качественную экспертизу.

7наград
на российском облигационном конгрессе Cbonds Awards 2021
10место
в рэнкинге организаторов облигаций России CBonds за первое полугодие 2022 года
370+профессионалов
в команде с опытом в лучших брокерских компаниях и инвестиционных банках
02
Дмитрий Анохин
Chief Technical Officer, D'Terra
Инвестиционный Банк Синара ранее не был представлен в онлайн-пространстве на отдельной платформе. Команда D’Terra разработала функциональный сайт, предоставляющий расширенные возможности для решения финансовых задач. Процесс разработки строился исходя из ключевых целей — увеличение клиентской и партнерской сети, поддержание имиджа высокотехнологичного банка.

Инвестиционный бизнес:
рост рынков и развитие сервисов

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

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

03

Цель — разработать корпоративный сайт для усиления позиций бренда на инвестиционном рынке

Задачи
  • Создать сайт с прозрачной структурой и исчерпывающей информацией о деятельности банка
  • Разработать уникальный дизайн в соответствии с бренд-платформой клиента
  • Спроектировать удобный интерфейс и навигацию по сайту
  • Внедрить функционал для оперативного обновления контента
  • Разработать инструмент для поиска документов
04

Логичная структура

Игорь Лысенко
Account Director, D'Terra

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

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

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

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

На двух ключевых вкладках сгруппированы услуги для частных и корпоративных клиентов.

Разработан раздел «Аналитика»

В разделе собрана доступная фундаментальная аналитика рынков акций и облигаций — анализ рынка от профессионалов.
Архив обзоров
Разработан архив с детальными страницами аналитических обзоров по акциям и облигациям эмитентов из России, стран СНГ, США и Гонконга. Для легкого поиска:
  • Внедрены фильтры: дата, отрасль, тип отчетов, тип ценных бумаг, автор и другие параметры
  • Настроен поиск по названию, тексту обзора и ключевым словам
  • Обеспечена взаимосвязь параметров для наилучшего результата фильтрации
Редактирование контента
Для оперативной публикации обзоров реализован расширенный функционал. Сотрудники банка – администраторы и редакторы сайта, без помощи разработчиков могут легко добавлять любые виды аналитических отчетов, создавать уникальное оформление, обновлять изображения и вносить изменения в текст.
Авторизация пользователей
Для доступа к обзорам в рамках технической поддержки планируется реализация авторизации пользователей — доступ к разделу будет предоставлен только клиентам с подпиской на аналитическую рассылку, что позволит банку собрать базу клиентов, заинтересованных в приобретении инвестиционных продуктов.
05

лаконичность дизайна

Анастасия Колышкина
Art Director, D'Terra
Мы разработали концептуальный адаптивный дизайн и создали сайт в европейской стилистике с учетом особых требований к шрифтам и изображениям. Использовали минималистичный, сдержанный подход к оформлению. Сайт Инвестиционного Банка Синары — это баланс графических элементов и лаконичного текста, гармоничное сочетание абстрактных изображений и качественных снимков.
Design
06

Визуальная концепция

На страницах сайта использовали изображение лабиринта как визуальный образ, транслирующий идею не всегда простого пути инвестора. Банк, в свою очередь, выступает проводником в мире инвестиций и помогает клиентам найти лучшее решение.
Анимированная графическая змейка, проходящая сквозь основной баннер на главной странице, усиливает идею прохождения пути.
07

Дизайн-система

Банк развивается, появляются новые продукты и направления. Для упрощения процесса создания новых страниц команда D’Terra создала UI-Kit, а также разработала и внедрила дизайн-систему — набор компонентов, правил, предписаний и инструментов для повышения качества и скорости разработки продуктов, а также эффективной поддержки существующих.

Разработали систему шаблонов внутренних страниц, подготовили и «зашили» в верстку единые дизайн-элементы для оперативного прототипирования и запуска новых страниц.

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

Цветовые решения

На сайте выдержана нюдовая цветовая гамма — оттенки золотисто-бежевого цвета создают элегантный образ и выделяют компанию на конкурентом рынке.

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

Abcdefgfijklmnoprst
abcdefgfijklmnoprst
Aa
Visulent pro
#AE916F
#F3F0EB
#DDD5CB

Иллюстрации

Визуальный ряд сайта дополняют абстрактные иллюстрации и фотографии

Интуитивная легкость

По результатам анализа пользовательского пути разработана UX-концепция. Внедрены навигационные элементы и реализован быстрый доступ к разделам.
Чистый интерфейс позволяет легко воспринимать информацию и ориентироваться на сайте. Удобная навигация и проработанная структура упрощают работу пользователей.
Удобные формы в разделе «Карьера»
  • Вакансии. Разработана форма поиска и подачи заявки на трудоустройство в банк.
  • Стажировки. Разработана форма заявки на стажировку с возможностью прикрепления сопроводительного письма и резюме.
  • Обратная связь. Внедрена форма обратной связи для отзывов. Добавлены варианты с возможными вопросами и темами.
08

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

Применен современный подход разработки на 1C-Bitrix Enterprise с использованием нового ядра платформы D7, в основе которого лежат новые общепризнанные разработчиками технологии.
Взаимодействие двух сайтов
На сайте компании Синара банк и сайте Инвестиционного Банка Синара есть раздел «Депозитарий», за который отвечает один отдел в банке. Для синхронизации работы данного раздела на двух разных сайтах внедрили OpenAPI для внутреннего API — программный интерфейс для реализации взаимодействия. Так при внесении изменений информация автоматически обновляется на обоих сайтах.
Автоматическое обновление информации
В разделе «Офисы» реализовано автоматическое размещение контактной информации. Сотрудникам банка не требуется заполнять поля с адресами, телефонами и почтой вручную — данные автоматически обновляются на сайте при наличии изменений. Для этого используются внутренние системы банка и технология Apache Kafka — программный брокер сообщений.
1C-Bitrix Enterprise
SEO-friendly
React.js
Laravel
Next.js
SPA-приложение
1C-Bitrix Enterprise
SEO-friendly
React.js
Laravel
Next.js
SPA-приложение
09

Достигнутые цели по итогам запуска

01
Усилили позиционирование бренда на инвестиционном рынке
02
Разработали сайт с продуманной архитектурой и внедрили функционал для оперативного обновления контента
03
Создали лаконичный дизайн сайта и внедрили дизайн-систему для масштабирования проекта
04
Продумали навигацию и реализовали интуитивно понятный пользовательский интерфейс
05
Интегрировали функционал, повышающий лояльность пользователей и удобство при работе с сайтом
Олег Ширяев
Заместитель директора департамента по связям с общественностью и маркетингу

При разработке сайта команда D’Terra учла и реализовала все наши пожелания. Руководитель проекта предложил лучшие визуальные решения для наших идей.

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

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

Следующий кейс
Функциональный современный банковский сайт