Разработка раздела «Академия COMITAS» для системного интегратора

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

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

Но тогда возникает проблема: как в процессе разработки сайта встроить эту гору бюрократии в продуктовый портал так, чтобы будущие студенты и партнеры могли легко в ней ориентироваться? Рассказываем, как мы решили эту проблему для нашего давнего клиента — крупного логистического интегратора COMITAS.

Клиент пришел к нам с задачей — разработать для Академии COMITAS самостоятельный раздел внутри корпоративного сайта. Это полноценный образовательный проект с государственной лицензией: Академия ведет программы профессиональной подготовки по различным специальностям. Уже запущены первые курсы: «Делопроизводитель», «Менеджер по продажам» и «Этика делового общения».

Важным условием клиента было смысловое и визуальное отделение Академии от классических HR-задач. Ранее мы уже решали для Comitas проблему найма и проектировали для этого отдельный карьерный трек.

Академия ориентирована на другую аудиторию: людей, которые хотят освоить новую специальность, а также на действующих сотрудников компании, проходящих переподготовку.

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

Bitrix

• Спроектировать самостоятельный раздел, визуально обособленный от карьерного блока и продуктовых разделов сайта, при этом сохранив визуальное единство сайта. 
  
• Представить программы как образовательные продукты. «Делопроизводитель», «Менеджер по продажам» и «Этика делового общения» должны читаться как курсы с понятными сроками, форматом и условиями приема, а не как строки из приказа. Архитектура каталога должна выдерживать появление новых программ без перестройки структуры.
• Интегрировать обязательный нормативный каркас. Комитас обладает государственной лицензией на образовательную деятельность, а значит, по закону обязан публиковать на сайте полный пласт сведений об организации.

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

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

• Первая — абитуриенты: люди, которые выбирают профессию. Им нужно быстро увидеть список программ, понять сроки, формат обучения и порядок приема. 
• Вторая — «формальная» аудитория: партнеры и проверяющие структуры, которые приходят за обязательными сведениями об образовательной организации: документами, педсоставом, структурой управления.

Если смешать эти сценарии на одних страницах, проиграют обе аудитории: абитуриент будет пробираться сквозь канцелярит вместо выбора программы, а партнер — выискивать обязательные сведения среди маркетингового контента. 

Нужен образовательный раздел на вашем корпоративном сайте?

Оставьте заявку — разработаем раздел обучения, который будет работать и на абитуриентов, и на соответствие требованиям закона.

Разделили раздел на два контура

1. Все, что требует закон, на главной 

Главную страницу раздела спроектировали как точку входа для формальной аудитории. Здесь собраны все обязательные сведения: структура и органы управления, документы, руководство и педсостав, материально-техническое обеспечение, финансово-хозяйственная деятельность. Блок «Основные сведения» содержит юридическую информацию — дату создания организации, учредителя, номер лицензии, адрес. Проверяющий находит нужное за два клика.

2. Все для абитуриента на странице «Образование»

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

Встроили новый раздел в сайт сквозным меню

На каждой странице раздела осталось фиксированное верхнее меню, общее для всего сайта. Посетитель, изучающий программы, в один клик переходит к «Карьере», кейсам или продуктовому каталогу. Так образовательный трек естественно связывается с остальным сайтом: человек, который пришел за обучением, сразу видит, что за Академией стоит действующий бизнес с проектами и рабочими местами.

Вывели каталог программ на первый план

Все программы Академии собраны на странице «Образование» в лаконичные карточки: «Делопроизводитель», «Менеджер по продажам», «Этика делового общения». Каталог считывается за секунды — абитуриент сразу видит всю линейку и выбирает близкое ему направление.

Собрали паспорт программы вместо сплошного текста

Каждая программа открывается на отдельной странице со структурированным паспортом: срок и форма обучения, результаты освоения, контроль и оценка. Например, курс «Этика делового общения» занимает три учебные недели — абитуриент видит это сразу и может соотнести обучение со своими планами. Паспорт отвечает на практические вопросы без чтения простыни текста и подводит к следующему шагу — порядку приема.

Разместили документацию программы рядом с описанием

Лицензированная образовательная организация обязана публиковать полную документацию по каждой программе: паспорт, план, порядок контроля и оценки результатов. Обычно этот PDF-файл оказывается в общей папке раздела «Документы», куда абитуриент просто не доходит. 

Мы поступили иначе: к карточке каждой программы прикрепили ссылки на PDF с полным комплектом документации. Формальное требование закона выполнено, а абитуриент получает документы прямо рядом с описанием курса.

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

Настроили управление программами через инфоблок Битрикса

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

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

Облегчили обновление нормативного блока

Обязательные сведения — самая объемная часть раздела: документы, положения, данные лицензии. Файлы и тексты меняются через визуальный редактор. Контент-менеджер может сам добавить на сайт новый текст положения или обновить лицензию без заявки разработчикам.

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

1. Адаптивность под все устройства. Карточки программ на мобильных перестраиваются в вертикальную ленту, таблицы «Основных сведений» остаются читаемыми, а навигация раздела не теряется на маленьких экранах.
2. Композитный режим 1С-Битрикс. Как и на основном сайте, включили композитную технологию, которая ускоряет загрузку за счет кеширования и оптимизации рендеринга. 
3. Оптимизация медиа и документов. Иллюстрации карточек оптимизированы по размеру и формату, а документация программ отдается ссылками на PDF без «тяжелых» встроенных элементов: страницы загружаются быстро даже при большом количестве файлов.
4. Кроссбраузерность. Раздел корректно отображается во всех популярных браузерах (Chrome, Safari, Firefox, Edge). Это важно для аудитории, которая заходит с разных устройств и операционных систем.

• Раздел «Академия COMITAS» работает на две аудитории сразу. Абитуриенты получают витрину программ с понятными паспортами курсов, а проверяющие структуры и партнеры — все обязательные сведения лицензированной образовательной организации, разложенные по предсказуемым страницам. Требования закона выполнены без ущерба для пользовательского опыта.
• Программы стали видны как образовательные продукты. Разместили на сайте каталог программ, паспорта курсов и PDF-документацию рядом с описанием. Абитуриент получает конкретику (срок, формат, результаты обучения) и полный пакет документов в контексте, без чтения сплошного текста и блуждания по разделам.
• Сотрудник учебного центра управляет разделом самостоятельно. Новые программы, открытие и закрытие наборов, обновление документов — все через админку Битрикса, без привлечения разработчиков. 
• Техническое соответствие стандартам сайта: внедрили композитный режим 1С-Битрикс, обеспечили адаптивность и высокую скорость загрузки.

Раздел «Академия» замкнул образовательный контур сайта Comitas. Вместе с карьерным разделом он покрывает полный путь будущего сотрудника — от получения профессии до работы в компании. Продуктовая часть сайта продает компетенции заказчикам, «Карьера» продает компанию специалистам, а Академия растит тех, кто эти компетенции создает. При этом прозрачный обязательный блок работает и на бренд: партнеры и проверяющие видят образовательную организацию с открытой структурой и документами — это усиливает доверие к компании и как к работодателю, и как к подрядчику.