ЗАО «Газпромбанк — Управление активами»

www.gpb-am.ru
Компания является частью бизнеса доверительного управления Группы Газпромбанка и входит в десятку крупнейших управляющих компаний России.

Адаптивный
дизайн
Личный кабинет
Синхронизация
с внутренней
информационной
системой
Кастомизация
Google-карт
InterLabs CMS

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

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

Цели создания сайта

Имидж компании

создание современного
интернет-представительства
компании.

Трафик клиентов

трансформирование
трафика физических лиц в активных
потенциальных розничных клиентов.

Доступ к информации

повышение удобства доступа
к информации о компании и
предоставляемых услугах.

Администрирование

обеспечение простоты и удобства
внесения и обновления
информации на сайте.

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

Концепции сайта

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

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

Итоговый вариант

Из концепий в итоговом варианте сохранились
основные элементы: логотип, контактный
телефон, ссылка на выбор офиса и вход в
личный кабинет.

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

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

Дизайн

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

Фирменные цвета

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

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

buttons

off найти подробнее подробнее
on найти подробнее подробнее

colors

# 004478
# 004478
# 004478
# 004478

54

иконки

Иконографика

Немаловажной задачей являлось сделать удобочитаемым
большой объем текстовой информации. Т.к. от использования
фотобразов было решено отказаться, информацию разделили
иконками. Было отрисовано более 50 иконок для разделов.

Страницы сайта

Всего разработано более 25 макетов страниц разных типов:
новостные, текстовые, страницы с таблицами и графиками.
Особое внимание было уделено разделам
предложений и информации о компании.

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

Навигация по страницам

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

Было решено все вкладки и переходы универсализировать до понятных кнопок и форм в едином стиле. Тем самым на всех разрешениях удалось соблюсти понятную и лаконичную навигацию по страницам.

Главное меню в мобильных и планшетных версиях показано в виде классического “бургера” с быстрым доступом к основным разделам и подразделам сайта.

Адаптивность блоков

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

более
15
фотографий
сотрудников
были приведены
в единый вид
для размещения
на странице

Интерактивные элементы

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

18,3%

400 тыс.руб.
срок размещения средств на ИИС

1 год
5%
13%

Диаграммы и графики выполнены
посредством HTML 5.0.

InterLabs CMS

Важно было реализовать следующие потребности при работе с информацией на сайте:

  • возможность быстрого внесения изменений,
  • важность соблюдения сохранности и целостности информации,
  • отслеживание вносимых изменений.

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

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

Достигнутые цели

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

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

…Благодарим вас за качественно выполненную работу
по разработке сайта нашей компании amado.ru.
Все поставленные задачи выполнены четко согласно
техническому заданию…

полный отзыв