Разработка сайта для Федерации Независимых Профсоюзов России

Клиент

Выполненные работы

Дизайн, верстка, программирование

Дата запуска

апрель 2021

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

Федерация Независимых Профсоюзов России представляет собой крупное объединение, куда входит 122 членские организации и общее количество членов профсоюза равно 19,9 миллионов человек.

В проекте участвовала команда специалистов высочайшей квалификации. В команду был привлечен проектировщик UX/UI-интерфейсов Михаил Галушко, который имеет большой опыт в реализации масштабных проектов государственного и коммерческого секторов. Также в проекте участвовали дизайнеры, отмеченные европейскими наградами, backend- и frontend-разработчики, тимлиды, проект-менеджеры, сертифицированные в компании 1С-Битрикс. Именно это позволило не только создать качественный и современный ресурс, но и максимально точно воплотить в жизнь все запросы заказчика.

ГЛАВНАЯ ЗАДАЧА

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

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

Было

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

Старая версия сайта была создана на самопиcной CMS, что существенно затрудняло доработки, ведь найти специалистов крайне трудно. С Битрикс такие проблемы пропадают за счет дополнительных модулей и большому количеству сертифицированных специалистов и именно поэтому разработка сайта для профсоюза велась именно на этой CMS.

Ход работы

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

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

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

ДИЗАЙН

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

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

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

ОСОБЕННОСТИ САЙТА

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

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

Формы на сайте подключены к Битрикс24 и вся информация, которая отправляется через формы и виджеты попадает в учетную систему ФНПР, где затем оперативно обрабатывается сотрудниками. Это и другие инструменты Цифрового профсоюза позволят быстро реагировать на обращения и систематизировать получаемую информацию.

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

НАВИГАЦИЯ

Чтобы облегчить навигацию в основное меню были выведены 5 основных разделов. При клике же на гамбургер-меню можно увидеть развернутый список разделов и подразделов сайта. Это экономит и пространство, и облегчает работу с сайтом. Даже если посетитель долистает ленту до самого конца, то он также сможет с легкостью перейти в нужный раздел из подвала сайта.

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

В состав Федерации входит 122 профсоюзных организаций, в том числе 82 территориальных объединения и важно предоставить возможность посетителям найти необходимую им организацию или объединение. В разделе Структура можно осуществить поиск по названию организации или объединения, отсортировать по алфавиту или отобрать по отрасли. В каждую карточку организации занесены контакты и есть форма обратной связи.

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

СЕРВИСЫ

С главной страницы можно перейти на страницы профсоюзных сервисов:

• Юридическая консультация. Здесь можно увидеть как имеющиеся вопросы и ответы, так и оставить запрос на консультацию через форму.

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

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

НОВОСТИ

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

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

ДОКУМЕНТЫ

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

ЛИЧНЫЙ КАБИНЕТ

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

РЕЗУЛЬТАТЫ

• Новый сайт Федерации отвечает всем последним требованиям как с технической стороны, так и со стороны пользователей ресурса. Есть не только адаптивная версия, версии на русском и на английском языках, но и версия сайта для слабовидящих.

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

• Новый сайт позволяет членским организациям работать со своим контентом, новостями, а так же обрабатывать обращения в Битрикс24 в рамках профсоюзной экосистемы Профсоюз360.

ОТЗЫВ КЛИЕНТА