Работа и карьера в СибГМУ: самый стильный сайт университета

HR СибГМУ — сервис для поиска вакансий в Сибирском государственном медицинском университете и его клиниках. Платформу отличают современные дизайнерские решения — темное оформление, глассморфизм и анимации, — удобная навигация и оперативная работа мастер-системы. Рассказываем об особенностях карьерного сайта от интернет-агентства «Паравеб».

Карьерный сайт стал визитной карточкой СибГМУ как работодателя. Уже сейчас на ресурсе публикуются вакансии разных категорий — как для студентов, так и для профессорско-преподавательского состава.

В разделе «Карьерные инструменты» студенты и молодые исследователи могут выбрать для себя проекты, чтобы построить карьеру в вузе и его клиниках. Здесь указаны даты их проведения, инструкции об участии и отзывы от действующих преподавателей СибГМУ.

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

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

И хотя темные сайты смотрятся элегантно и по-новому, СибГМУ далеко не сразу согласился на такой смелый дизайн. Сначала вуз одолевали сомнения: вдруг мрачные тона отпугнут аудиторию, негативно скажутся на удобочитаемости и юзабилити платформы? Мы поспешили развеять эти опасения.

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

Во-вторых, исследований, в каком формате люди лучше воспринимают информацию, пока недостаточно. «Темный текст на светлом фоне» или «светлый текст на темном фоне» — выбор зависит от привычек и вкусов пользователей, то есть субъективных факторов.

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

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

Глассморфизм — это эффект матового стекла, который создается при помощи подложки и стилизации области. Моду на глассморфизм несколько лет назад ввела корпорация Apple — трендсеттер в сфере разработки и дизайна.

На сайте СибГМУ «стеклянными» стали некоторые блоки и фоны карточек. Такая текстура символизирует прозрачность и открытость вуза.

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

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

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

На платформу были загружены видеоролики, которые подробно иллюстрируют рабочие будни сотрудников. Фотографии вуза и его коллектива также повышают лояльность соискателей. Ресурс «продает» им образ будущего — уже на сайте претенденты на вакансии могут почувствовать себя работниками СибГМУ и его клиник.

Мы максимально оживили сайт с помощью плавных анимаций появления элементов: блоков, карточек, текстов и дудлов. На темных участках мы реализовали анимацию с использованием технологий WebGL и GLSL (это шейдеры, также задействованные на промо-сайте юбилея СибГМУ).

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

В CRM были настроены процессы для обработки откликов на обычные вакансии.

Скоро мы запустим личный кабинет, в котором сможет зарегистрироваться сторонний пользователь и отправить отклик на конкурсные вакансии. Эти отклики будут полностью обрабатываться во внутренних системах СибГМУ — от приема резюме до проведения комиссий и согласования трудоустройства.

Мы разработали HR-платформу для СибГМУ, которая кардинально отличается от других ресурсов вуза по стилю. Вместе с нами университет решился на эксперименты, которые не мог реализовать на своем основном сайте. Мы доказали, что большим и серьезным вузам с огромной научной базой больше не надо оставаться консервативными.

СибГМУ не побоялся запустить ресурс со смелым дизайном и современными анимациями — от фоновых до микроанимаций на разных блоках и элементах.

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

А благодаря разработке платформы на конструкторе от интернет-агентства «Паравеб» университет может дальше масштабировать проект, не прибегая к помощи разработчиков.

Ссылка на сайт: https://hr.ssmu.ru