Главное о кейсе
HR СибГМУ — сервис для поиска вакансий в Сибирском государственном медицинском университете и его клиниках. Платформу отличают современные дизайнерские решения — темное оформление, глассморфизм и анимации, — удобная навигация и оперативная работа мастер-системы.
Преимущества:
• В одном месте собраны все вакансии;
• Представлены все карьерные инструменты для обучающихся;
• Конкурсы профессорско-преподавательского состава и научных сотрудников;
• Возможность откликнуться на вакансию удаленно;
• Возможность удаленно подать документы;
• Благодаря разработке платформы на конструкторе от интернет-агентства «Паравеб» университет может дальше масштабировать проект, не прибегая к помощи разработчиков.
HR Siberian State Medical University is a service for searching for vacancies at the Siberian State Medical University and its clinics. The platform is distinguished by modern design solutions — dark design, glassmorphism and animations — easy navigation and efficient operation of the master system.
Advantages:
• All vacancies are collected in one place;
• All career tools for students are presented;
• Competitions for teaching staff and researchers;
• Possibility to apply for a vacancy remotely;
• Possibility to submit documents remotely;
• Thanks to the development of the platform using the designer from the Paraweb Internet agency, the university can further scale the project without resorting to the help of developers.
Бизнес-задача и ее решение
В разделе «Карьерные инструменты» студенты и молодые исследователи могут выбрать проекты, чтобы построить карьеру в вузе и его клиниках. Здесь указаны даты их проведения, инструкции об участии и отзывы от действующих преподавателей.
В отдельном разделе пользователи могут посмотреть сроки конкурсов профессорско-преподавательского состава, ознакомиться с вакансиями и информацией для участников. С помощью калькулятора претенденты на замещение должностей ППС и НС могут рассчитать срок трудового договора, основываясь на своих достижениях.
Мы использовали оттенки серого и белого в качестве основных цветов. Красный, производный от фирменного бордового цвета СибГМУ, выступил ярким акцентом. «Стеклянными» стали некоторые блоки, фоны карточек и иконки. Такая текстура символизирует прозрачность и открытость вуза.
На платформу было загружено множество реальных фотографий и видеороликов, которые подробно иллюстрируют рабочие будни сотрудников. Так претенденты на вакансии могут почувствовать себя работниками СибГМУ и его клиник.
Ресурс интегрирован с мастер-системой 1С, с помощью которой все отклики на вакансии обрабатываются во внутренних системах СибГМУ — от приема резюме до проведения комиссий и согласования трудоустройства.
In the “Career Tools” section, students and young researchers can choose projects to build a career at the university and its clinics. Here are the dates, instructions for participation, and feedback from current teachers.
In a separate section, users can view the deadlines for faculty competitions, view vacancies and information for participants. Using the calculator, applicants for teaching and research assistant positions can calculate the term of the employment contract based on their achievements.
We used shades of gray and white as the main colors. Red, derived from the signature burgundy color of Siberian State Medical University, acted as a bright accent. Some blocks, card backgrounds and icons have become “glass”. This texture symbolizes the transparency and openness of the university.
Videos were uploaded to the platform that illustrate in detail the workdays of employees. This way, applicants for vacancies can feel like employees of Siberian State Medical University and its clinics.
The resource is integrated with the 1C master system, with the help of which all responses to vacancies are processed in the internal systems of Siberian State Medical University — from receiving resumes to conducting commissions and approving employment.
Крафт (мастерство), реализация, технические детали
Мы реализовали сложную интеграцию с системой 1С, чтобы оптимизировать процесс размещения вакансий. На сайте есть вакансии разных категорий, включая стандартные позиции с быстрым процессом отклика, а также конкурсные вакансии для научных сотрудников и профессорско-преподавательского состава, где требуется более подробный и сложный процесс отклика. Для удобства научных сотрудников и профессорско-преподавательского состава мы разработали специальный модуль для создания личных портфолио. Здесь соискатели могут легко вносить свои научные достижения, включая публикации, издания, изобретения, полученные гранты и многое другое. При успешном трудоустройстве данные из личных портфолио автоматически переносятся в личный раздел сотрудника университета. Это существенно упрощает процесс административной работы и экономит время. Система также обеспечивает автоматический расчет рекомендуемого срока приема и предоставляет информацию для согласования. Важно, что проверяющие имеют возможность добавить свои комментарии. Это делает процесс отбора более прозрачным.
Для создания визуального фона на сайте был использован шейдер, написанный на языке GLSL в связке с библиотекой
Three.js.
Уникальной особенностью ресурса является то, что фон автоматически адаптируется к компоновке блоков. Блоки разделяются на светлые и темные группы, и исходя из этой классификации строится анимация, которая добавляет интерактивности и глубины пользовательскому опыту.
Сайт разработан на основе технологии Nuxt.js, которая была тщательно интегрирована с системой 1С-Битрикс для полного раскрытия ее потенциала. Это позволяет максимально эффективно управлять контентом, легко создавать новые страницы и редактировать существующие. Кроме того, мы внедрили ненавязчивые, но продуманные анимации, чтобы придать ресурсу уникальности и привлекательности. Также сайт предоставляет все преимущества одностраничных приложений (SPA — Single Page Application), при этом сохраняя возможность настраивать и масштабировать сайт без необходимости в навыках программирования.
Использованные технологии делают сайт непохожим на другие ресурсы.
We have implemented complex integration with the 1C system to optimize the process of posting vacancies. The site has vacancies in different categories, including standard positions with a quick application process, as well as competitive vacancies for researchers and faculty that require a more detailed and complex application process. For the convenience of researchers and faculty, we have developed a special module for creating personal portfolios. Here, applicants can easily submit their scientific achievements, including publications, publications, inventions, grants received and much more. Upon successful employment, data from personal portfolios is automatically transferred to the personal section of the university employee. This greatly simplifies the administrative work process and saves time. The system also provides automatic calculation of the recommended appointment period and provides information for approval. It is important that reviewers have the opportunity to add their comments. This makes the recruitment process more clear.
To create a visual background on the site, a shader written in GLSL in conjunction with the
Three.js library was used.
A unique feature of the resource is that the background automatically adapts to the layout of the blocks. Blocks are divided into light and dark groups, and based on this classification, animation is built that adds interactivity and depth to the user experience.
The site was developed based on
Nuxt.js technology, which was carefully integrated with the 1C-Bitrix system to fully unleash its potential. This allows you to manage content as efficiently as possible, easily create new pages and edit existing ones. In addition, we introduced unobtrusive but thoughtful animations to make the resource unique and attractive. The site also provides all the benefits of single page applications (SPA — Single Page Application), while maintaining the ability to customize and scale the site without the need for programming skills.
The technologies used make the site unlike other resources.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Мы значительно упростили и усовершенствовали процесс подачи откликов на вакансии для обычных пользователей. Для профессорско-преподавательского состава и научных сотрудников некоторые важные функции изначально планировали оставить во внутренних системах. Однако после тщательного обсуждения и анализа приняли решение вынести эти функции в личный кабинет, чтобы обеспечить удобный интерфейс, например, для согласующих лиц.
В дизайне мы решили отойти от традиционного стиля информационного веб-сайта и перейти к анимированному и стильному решению. Этот процесс включал в себя несколько версий и множество итераций, в результате чего мы достигли совершенно нового уровня эстетики и функциональности. Нынешний дизайн делает сайт более привлекательным и современным, что в свою очередь улучшает впечатление пользователей и удовлетворяет их потребности.
Также мы уделили особое внимание проработке контента. Мы пересмотрели, структурировали и оптимизировали предоставленную информацию, чтобы она была актуальна и полезна для пользователей. Таким образом, мы создали современный сайт, который не только привлекает внимание, но и предоставляет необходимую информацию для пользователей.
We have significantly simplified and improved the job application process for regular users. For faculty and researchers, some important functions were initially planned to be left in internal systems. However, after careful discussion and analysis, we decided to move these functions to the personal account in order to provide a convenient interface, for example, for approving persons.
In design, we decided to move away from the traditional style of an informational website and move towards an animated and stylish solution. This process involved several versions and many iterations, resulting in a completely new level of aesthetics and functionality. The current design makes the site more attractive and modern, which in turn improves the user experience and satisfies their needs.
We also paid special attention to content development. We have reviewed, structured and optimized the information provided to make it relevant and useful to users. Thus, we have created a modern website that not only attracts attention, but also provides the necessary information for users.
Прочая информация о кейсе
Российские университеты уже не первое десятилетие применяют стандартное светлое оформление для своих ресурсов. Вместе с нами СибГМУ решился на эксперименты и запустил ресурс со темным дизайном и современными анимациями — от фоновых до микроанимаций на разных блоках и элементах. Это вызвало wow-эффект и помогло ему выделиться на фоне конкурентов. Такого подхода и ждали студенты и молодые специалисты: они хотят стажироваться и работать в учебном заведении, которое следит за трендами и актуальными течениями. Вуз, в свою очередь, не побоялся пойти на эксперимент с оформлением, чтобы привлечь не только опытных, но и молодых специалистов.
Russian universities have been using a standard light design for their resources for decades. Together with us, Siberian State Medical University decided to experiment and launched a resource with a dark design and modern animations - from background to micro-animations on different blocks and elements. This created a wow effect and helped it stand out from its competitors. This is the approach that students and young professionals have been waiting for: they want to intern and work in an educational institution that follows trends and current trends. The university, in turn, was not afraid to experiment with design in order to attract not only experienced, but also young specialists.
Скриншоты