Кейс агентства AiR рассказывает о создании многофункционального сайта для образовательного учреждения.
Заказчик проекта: ПИШ НГУ – проектно – исследовательская школа при Новосибирском государственном университете.
Задачи проекта: создать сайт, который будет являться одновременно корпоративным сайтом, информационным порталом и платформой по подбору образовательных программ для пользователя.
Решение
Проектирование
Целевая аудитория сайта планировалась весьма широкой, потому карта сайта была детально проработана для быстрого получения доступа в нужный раздел.
В качестве брендбука были предоставлены основные цвета НГУ, которые нужно было органично использовать для акцентирования внимания на кнопки и важные элементы.
Для проработки структуры самих страниц специалисты агентства создали детальные прототипы, в которых разместили все элементы для корректного распределения важности и привлечения внимания.
Разработка
Главная страница сайта разработана с возможностью изменять порядок отображаемых блоков, копировать нужные блоки и настраивать отображение одного и того же блока в разной конфигурации в разных местах страницы.
Страница с перечнем образовательных программ была разработана с расширенным умным фильтром для повышения удобства навигации. В интерфейсе добавлены различные форматы карточек:
- основные образовательные программы,
- тематические блоки,
- кружки и секции.
Для упрощения поиска на сайте также была внедрена система гибкой фильтрации, позволяющая пользователям быстро находить нужные направления.
Детальная страница образовательной программы или тематического блока — это гибкий инструмент, созданный для максимальной персонализации раздела. Администратор сайта получает полный контроль над структурой и содержанием:
- Кастомизация блоков: Можно менять компоновку элементов, адаптируя дизайн под специфику программы.
- Динамическое наполнение: Тексты, медиафайлы, ссылки на материалы — всё редактируется в пару кликов.
- Индивидуальный порядок отображения: Определите, какие разделы показывать первыми, а какие — скрыть для конкретной аудитории.
Кроме того, система позволяет создавать несколько версий одной программы с уникальными параметрами:
- учебные часы,
- форматы обучения,
- стоимость ,
- и другие критерии.
Это превращает раздел в «конструктор» для точечной настройки предложений под разные целевые группы, сезонные акции или региональные особенности. Все изменения вносятся через интуитивную панель управления — без привлечения разработчиков и с мгновенным обновлением на сайте.
Индивидуальные формы заявок для разных форматов обучения
На сайте реализованы отдельные формы подачи заявок для программ дополнительного и высшего образования. Каждая из них:
- адаптирована под требования конкретного направления (например, сбор данных о предыдущем опыте для допобразования);
- упрощает процесс заполнения за счет продуманных полей.
Для администраторов:
В админ-панели доступна гибкая настройка email-рассылок — можно:
- выбирать, кто получает уведомления;
- назначать разные сценарии для каждой формы;
- сохранять шаблоны для быстрого повторного использования.
Это решение помогает избежать путаницы и экономит время — настройки работают автоматически, но всегда остаются под контролем администратора.
Удобное оформление групповых заявок прямо со списка программ
На странице с перечнем образовательных программ добавлена функция «Быстрая заявка» — теперь можно выбрать нужную конфигурацию курса (например, формат или срок обучения) и сразу перейти к оформлению, минуя детальную страницу.
Как это работает:
- Шаг 1: Добавление слушателей
- В форму встроен инструмент для группового оформления: можно добавлять несколько участников, выбирая для каждого свою программу и блоки.
- Идеально для корпоративных заявок — например, когда нужно записать сотрудников на разные курсы в одном заказе.
- Шаг 2: Данные плательщика
- Укажите статус: физическое лицо, ИП или ООО.
- Все необходимые поля собраны в одном разделе — от контактов до реквизитов.
- Шаг 3: Подтверждение заказа
- Итоговая таблица с разбивкой: программы слушателей, стоимость, информация о плательщике.
- Можно проверить данные и внести правки перед отправкой.
Плюсы для пользователей:
- Не нужно переходить между страницами — всё делается в 3 шага;
- Экономия времени при массовом оформлении;
- Четкая структура: нет риска забыть заполнить важное поле.
(Ниже — три скриншота формы, расположенные в один ряд для наглядности).
На сайте так же много информационных страниц для изучения, например, команда университета, с разделением на отделы и вертикали.
Результат
Заказчик получил современный многофункциональный интернет-ресурс, сочетающий возможности корпоративного сайта, информационного портала и платформы по подбору образовательных программ для пользователя.
