Общероссийский Профсоюз образования — крупнейшая организация, объединяющая работников отрасли и студентов. Приоритетные задачи организации — защита прав и повышение уровня оплаты труда.
Начали, как всегда, с исследований. Внимательно изучили существующий сайт, составили сценарии поведения пользователей и переделали структуру разделов. Постарались сделать так, чтобы взаимодействие пользователя с сайтом было нативным. Заодно прочитали историю Профсоюза с 1909 года и подивились сплоченности коллектива и полезным вещам, которых им удалось добиться за это время.
Требования к сайту были серьезные: нужно, чтобы им было легко пользоваться, информация была подана внятно, ну и чтобы все было хорошо видно :)
Cделали прототипы всех страниц и начали прорабатывать их уже вместе с клиентом. Учли множество ценных замечаний и узнали о тонкостях, непонятных человеку со стороны.
Параллельно с созданием прототипа прорабатывали сценарии, водили персонажей по сайту и смотрели, все ли им удобно и как сделать еще понятнее.
В качестве акцидентного шрифта выбрали Merriweather, а для всего остального есть Open Sans.
Например, заголовок
И массив текста, чтобы показать вам, какой милый Опен Санс. Неконсервативная сила представляет собой вибрирующий параметр Родинга-Гамильтона. Математический маятник вращательно преобразует подвижный объект.
Цветовая гамма спокойная, ненапряжная: многие пользователи проводят на сайте большое количество времени, ищут документы, читают ответы на свои вопросы или думают о вступлении в Профсоюз.
Сделали удобную систему поиска в документах: это важный раздел, которым часто пользуются. В документах можно найти самые разные вещи: акты, приказы, законопроекты и прочее, поэтому мы внедрили систему тэгов.
Аналогичную систему использовали и в разделе вопросов и ответов, куда может написать любой член Профсоюза и получить квалифицированную помощь или консультацию:
А еще разработали хороший и понятный поиск, который сортирует выдачу по разделам.
В заголовках проще ориентироваться, чем в длинной ленте из ссылок, и легче найти нужное.
Для пользователей подраздел «География» представляет возможность оценить масштабы Профсоюза, и найти контактные данные территориальных организаций. Представителям филиалов — возможность публикации необходимых документов.
На этапе работы над дизайном продумывали анимацию. Но ее не так уж много. Важно было не отклониться от курса в сторону пользы и простоты. Такие тяжеловесные продукты мы предпочитаем делать спокойными, минимизировать количество отвлекающих факторов.
Конечно, и адаптив сделали. Очень много пользователей заходит с мобильных устройств и планшетов. Адаптив полностью функционален, ничего не вырезано.
Когда дизайн был готов, принялись очень тщательно верстать и программировать, стараясь учесть все мелочи. Проверяли все по длиннющим чек-листам и внимательно тестировали на всех доступных устройствах.
Спасибо Профсоюзу за возможность разработать такой важный проект и за сотрудничество!
