ПрофсоюзАдаптивный сайт

Клиент 
Башкирская организация Профсоюза работников науки и образования РФ.
Задача 
Сделать хороший и презентабельный сайт.

Общероссийский Профсоюз образования — крупнейшая организация, объединяющая работников отрасли и студентов. Приоритетные задачи организации — защита прав и повышение уровня оплаты труда.

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

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

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

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

В качестве акцидентного шрифта выбрали Merriweather, а для всего остального есть Open Sans.

Например, заголовок

И массив текста, чтобы показать вам, какой милый Опен Санс. Неконсервативная сила представляет собой вибрирующий параметр Родинга-Гамильтона. Математический маятник вращательно преобразует подвижный объект.

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

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

Аналогичную систему использовали и в разделе вопросов и ответов, куда может написать любой член Профсоюза и получить квалифицированную помощь или консультацию:

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

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

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

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

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

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

Спасибо Профсоюзу за возможность разработать такой важный проект и за сотрудничество!

Рассказать друзьям