Корпоративный портал Фианит-Ломбард

Фианит-Ломбард
portal.fianitlombard.ru
[2022-2023] Python/Django, Vue.js
Корпоративный портал для федеральной сети "Фианит Ломбард" "Фианит Ломбард" крупная региональная сеть ломбардов, в которую входит 11 территориальных регионов с более 400 подразделениями в Российской Федерации.
Разработка проекта: Корпоративный портал Фианит-Ломбард
Дата запуска01.12.2023
Сложностьсложные

Задачи и цели

  • Создать единое информационное поле для сотрудников компании
  • Обеспечить лёгкий онбординг новых сотрудников
  • Повысить вовлеченность в корпоративную жизнь
  • Организовать доступ к общим файлам и индивидуальный доступ к определенным файлам
  • Показать структуру и иерархию компании по стране и отделам
  • Упростить работу с порталом администрирующему персоналу

Функционал портала

  • Интеграция со внутренними системами по API (1С ЗУП и внутренняя система учета кадров).
  • Система поверки должности сотрудника, определение роли пользователя на портале.
  • Система управления ограничениями доступа к различным разделам портала в зависимости от роли пользователя.
  • Система важных сообщений, которая блокирует работу пользователей до момента ознакомления с сообщением.
  • Система авторизации пользователей через SMS-код.
  • Корпоративный календарь событий и мероприятий, который в зависимости от установленных параметров событий (отдел, роль, должность) отображает события.
  • Система обратной связи, которая позволяет как сообщить о проблеме, так и предложить идею по организации портала и корпоративной жизни.
  • Личный профиль пользователя, который заполняется частично из общих данных по сотруднику (например, квартальные награды), а так же заполняется самим пользователем (например, хобби).
  • Визуальная система администрирования разделов сайта, которая доступна только администратору портала.

 

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

Этап разработки MVP

Проектирование На основании данных интервью нами было сформировано техническое задание и создан прототип проекта MVP версии. В MVP мы включили: - Новостную ленту корпоративных событий - Регистрацию пользователя - Профиль пользователя - Организационную структуру компании - Раздел "О компании" Данный функционал был выбран как основной, который позволил бы пользователям уже начать работу с порталом, а компании начать формировать единое информационное поле для сотрудников.
Пример дизайна 1: Корпоративный портал Фианит-Ломбард
Пример дизайна 2: Корпоративный портал Фианит-Ломбард
Пример дизайна 3: Корпоративный портал Фианит-Ломбард
Пример дизайна 4: Корпоративный портал Фианит-Ломбард
Пример дизайна 5: Корпоративный портал Фианит-Ломбард
Пример дизайна 6: Корпоративный портал Фианит-Ломбард
Пример дизайна 7: Корпоративный портал Фианит-Ломбард
Пример дизайна 8: Корпоративный портал Фианит-Ломбард
Пример дизайна 9: Корпоративный портал Фианит-Ломбард

Дизайн

С учетом корпоративного стиля компании был разработан дизайн для данного этапа проекта с учетом адаптивности портала.
Пример дизайна 1: Корпоративный портал Фианит-Ломбард
Пример дизайна 2: Корпоративный портал Фианит-Ломбард
Пример дизайна 3: Корпоративный портал Фианит-Ломбард
Пример дизайна 4: Корпоративный портал Фианит-Ломбард
Пример дизайна 5: Корпоративный портал Фианит-Ломбард
Пример дизайна 6: Корпоративный портал Фианит-Ломбард
Пример дизайна 7: Корпоративный портал Фианит-Ломбард
Пример дизайна 8: Корпоративный портал Фианит-Ломбард
Пример дизайна 9: Корпоративный портал Фианит-Ломбард
Пример дизайна 10: Корпоративный портал Фианит-Ломбард

Совершенствование корпоративного портала

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

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

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

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

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

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

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

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

Пример дизайна 1: Корпоративный портал Фианит-Ломбард
Пример дизайна 2: Корпоративный портал Фианит-Ломбард
Пример дизайна 3: Корпоративный портал Фианит-Ломбард

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

На данном этапе проектировали: + процессы интеграции с системой учета персонала для проверки пользователя при авторизации на портале; + присвоение прав доступа в системе в зависимости от роли пользователя. + личную страницу пользователя, которая формируется частично по данным из систем учета кадров, а частично заполняется сотрудником; + раздел “Важные сообщения”, который сообщал бы сотрудникам под “подпись” важную информацию, а в случае истечения срока ознакомления с сообщением блокировал дальнейшую работу на портале; +визуальную административную часть для работы с новостями, порталом и сотрудниками. Сложнейшей задачей данного этапа оказалось определение прав пользователей в системе: кто куда должен иметь доступ, кому и как показывать тот или иной раздел корпоративного портала. Было много условий, ограничений и необходимо было все свести в единую систему ограничений. После завершения проектирования специалисты компании занимались прототипированием интерфейсов. Стоит отметить, что на таких сложных и объемных проектах хорошо делать интерактивные прототипы, чтобы можно было не только посмотреть, но и попробовать пройти путь пользователя по реальным элементам, что позволяет с большей точностью отвечать на вопрос “А что будет, если пользователь сделает вот так или так?”. Да, это займет больше времени и приведет к увеличению бюджетов на данном этапе, но в дальнейшем это позволит сократить затраты на доделки и переделки уже реализованного функционала.
Пример дизайна 1: Корпоративный портал Фианит-Ломбард
Пример дизайна 2: Корпоративный портал Фианит-Ломбард
Пример дизайна 3: Корпоративный портал Фианит-Ломбард
Пример дизайна 4: Корпоративный портал Фианит-Ломбард
Пример дизайна 5: Корпоративный портал Фианит-Ломбард
Пример дизайна 6: Корпоративный портал Фианит-Ломбард
Пример дизайна 7: Корпоративный портал Фианит-Ломбард
Пример дизайна 8: Корпоративный портал Фианит-Ломбард
Пример дизайна 9: Корпоративный портал Фианит-Ломбард

На этапе дизайна при успешном этапе протипирования проблем практически не возникает, на выходе спустя некоторое время мы получаем дизайн портала.

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

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

Пример дизайна 1: Корпоративный портал Фианит-Ломбард
Пример дизайна 2: Корпоративный портал Фианит-Ломбард
Пример дизайна 3: Корпоративный портал Фианит-Ломбард
Пример дизайна 4: Корпоративный портал Фианит-Ломбард
Пример дизайна 5: Корпоративный портал Фианит-Ломбард
Пример дизайна 6: Корпоративный портал Фианит-Ломбард
Адаптация портала для мобильных устройств, корпоративный календарь, форма обратной связи и раздел корпоративных тренировок.

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

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

 

 

 

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

Дополнительно был создан раздел “Корпоративные тренировки”, где специалисты рассказывали в роликах о здоровом образе жизни.

Планировалось множество различных мероприятий на 30-летие компании. Для того, чтобы люди были в курсе всех предстоящих мероприятий новым функционалом портала было решено сделать корпоративный календарь. Календарь позволял создавать категории событий (выделялись разным цветом в календаре) и события со временем, описанием и ответственным лицом. Как писалось ранее к 30-летию компании было запланировано множество различных событий, одно из них была викторина о знании истории компании. Для этих целей нами был разработан телеграм бот, но об этом уже совсем другой кейс.

Пример дизайна 1: Корпоративный портал Фианит-Ломбард
Пример дизайна 2: Корпоративный портал Фианит-Ломбард