panfilov.digital panfilov.digital
Astro, Directus, PostgreSQL, Node.js, Tailwind CSS
Сайт учебного центра Красного Креста: два пути к обучению первой помощи

Сайт учебного центра Красного Креста: два пути к обучению первой помощи

О ПРОЕКТЕ

Учебный центр Московского городского отделения Российского Красного Креста обучает первой помощи сотрудников компаний и частных слушателей. Сайту предстояло представить программы для обеих аудиторий и помочь посетителю выбрать подходящее обучение.

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

Главная с выбором обучения для компаний и частных слушателей

ЗАДАЧА

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

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

ДВА ПУТИ К ОБУЧЕНИЮ

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

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

Корпоративная программа и обучение для частных слушателей

КАТАЛОГ ПРОГРАММ

Для выбора курса важны конкретные условия. В каталоге программы представлены с описанием, длительностью и стоимостью, а подробности вынесены на отдельные страницы.

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

Каталог программ и параметры курса на мобильном

УПРАВЛЕНИЕ КОНТЕНТОМ

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

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

Редактирование материалов учебного центра через Directus

ОТ ПРОТОТИПА К ЗАПУСКУ

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

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

Страница курса первой помощи с условиями обучения

РЕЗУЛЬТАТ

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

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

redcross-school.ru.

Технологии

Astro, Directus, PostgreSQL, Node.js, Tailwind CSS

Услуга по этому проекту

Корпоративные сайты и продуктовые лендинги

Сайты производителей и сервисов, международные версии, лендинги под запуск и мероприятия.

Следующий проект

Десять лет цифровых продуктов для крупнейшего DIY-ритейлера