Сибирский государственный медицинский университет
Обучение
Россия, Томск
Корпоративный сайт
Март 2023
Перед нами стояла задача создать HR-сайт СибГМУ — сервис для поиска вакансий в Сибирском государственном медицинском университете и его клиниках. Платформу должны отличать современные дизайнерские решения — темное оформление, глассморфизм и анимации, — удобная навигация, оперативная работа мастер-системы, а также ряд преимуществ:
- в одном месте собраны все вакансии;
- представлены все карьерные инструменты для обучающихся;
- конкурсы профессорско-преподавательского состава и научных сотрудников;
- возможность откликнуться на вакансию удаленно;
- возможность удаленно подать документы;
- возможность самостоятельно масштабировать проект с помощью конструктора.
В разделе «Карьерные инструменты» студенты и молодые исследователи могут выбрать проекты, чтобы построить карьеру в вузе и его клиниках. Здесь указаны даты их проведения, инструкции об участии и отзывы от действующих преподавателей.
В отдельном разделе пользователи могут посмотреть сроки конкурсов профессорско-преподавательского состава, ознакомиться с вакансиями и информацией для участников. С помощью калькулятора претенденты на замещение должностей ППС и НС могут рассчитать срок трудового договора, основываясь на своих достижениях.
Мы использовали оттенки серого и белого в качестве основных цветов. Красный, производный от фирменного бордового цвета СибГМУ, выступил ярким акцентом. «Стеклянными» стали некоторые блоки, фоны карточек и иконки. Такая текстура символизирует прозрачность и открытость вуза.
На платформу было загружено множество реальных фотографий и видеороликов, которые подробно иллюстрируют рабочие будни сотрудников. Так претенденты на вакансии могут почувствовать себя работниками СибГМУ и его клиник.
Мы реализовали сложную интеграцию с системой 1С, с помощью которой все отклики на вакансии обрабатываются во внутренних системах СибГМУ — от приема резюме до проведения комиссий и согласования трудоустройства. На сайте есть вакансии разных категорий, включая стандартные позиции с быстрым процессом отклика, а также конкурсные вакансии для научных сотрудников и профессорско-преподавательского состава, где требуется более подробный и сложный процесс отклика.
Для удобства научных сотрудников и профессорско-преподавательского состава мы разработали специальный модуль для создания личных портфолио. Здесь соискатели могут легко вносить свои научные достижения, включая публикации, издания, изобретения, полученные гранты и многое другое. При успешном трудоустройстве данные из личных портфолио автоматически переносятся в личный раздел сотрудника университета. Это существенно упрощает процесс административной работы и экономит время. Система также обеспечивает автоматический расчет рекомендуемого срока приема и предоставляет информацию для согласования. Важно, что проверяющие имеют возможность добавить свои комментарии. Это делает процесс отбора более прозрачным.
Для создания визуального фона на сайте был использован шейдер, написанный на языке GLSL в связке с библиотекой Three.js. Уникальной особенностью ресурса является то, что фон автоматически адаптируется к компоновке блоков. Блоки разделяются на светлые и темные группы, и исходя из этой классификации строится анимация, которая добавляет интерактивности и глубины пользовательскому опыту.
Сайт разработан на основе технологии Nuxt.js, которая была тщательно интегрирована с системой 1С-Битрикс для полного раскрытия ее потенциала. Это позволяет максимально эффективно управлять контентом, легко создавать новые страницы и редактировать существующие. Кроме того, мы внедрили ненавязчивые, но продуманные анимации, чтобы придать ресурсу уникальности и привлекательности. Также сайт предоставляет все преимущества одностраничных приложений (SPA — Single Page Application), при этом сохраняя возможность настраивать и масштабировать сайт без необходимости в навыках программирования.
Мы значительно упростили и усовершенствовали процесс подачи откликов на вакансии для обычных пользователей. Для профессорско-преподавательского состава и научных сотрудников некоторые важные функции изначально планировали оставить во внутренних системах. Однако после тщательного обсуждения и анализа приняли решение вынести эти функции в личный кабинет, чтобы обеспечить удобный интерфейс, например, для согласующих лиц.
В дизайне мы решили отойти от традиционного стиля информационного веб-сайта и перейти к анимированному и стильному решению. Этот процесс включал в себя несколько версий и множество итераций, в результате чего мы достигли совершенно нового уровня эстетики и функциональности. Нынешний дизайн делает сайт более привлекательным и современным, что в свою очередь улучшает впечатление пользователей и удовлетворяет их потребности.
Также мы уделили особое внимание проработке контента. Мы пересмотрели, структурировали и оптимизировали предоставленную информацию, чтобы она была актуальна и полезна для пользователей. Таким образом, мы создали современный сайт, который не только привлекает внимание, но и предоставляет необходимую информацию для пользователей.
![]()
Эмиль Ахтямов
Российские университеты уже не первое десятилетие применяют стандартное светлое оформление для своих ресурсов. Вместе с нами СибГМУ решился на эксперименты и запустил ресурс со темным дизайном и современными анимациями — от фоновых до микроанимаций на разных блоках и элементах. Это вызвало wow-эффект и помогло ему выделиться на фоне конкурентов. Такого подхода и ждали студенты и молодые специалисты: они хотят стажироваться и работать в учебном заведении, которое следит за трендами и актуальными течениями. Вуз, в свою очередь, не побоялся пойти на эксперимент с оформлением, чтобы привлечь не только опытных, но и молодых специалистов.