Уникальная экосистема детских лагерей «Лето»

в 2023 году к нам поступило обращение от Администрации города Тверь с задачей переработки проекта “Лето Тверь”. В рамках проекта должна была быть создана полноценная экосистема, замыкающая в себе путь клиента.

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

Задачи:

1. Подготовка системы к интеграции с ЕСИА (Госуслуги);

2. Создание на базе личного кабинета внутренней CRM для операторов, бухгалтеров и директоров лагерей;

3. Реализация единой дизайн-системы для основного сайта и его поддоменов;

4. Переработка UI/UX и пользовательских путей, которая облегчит взаимодействие с системой;

5. Подготовка продуманной навигации внутри сайта, которая поможет сократить пользовательский путь;

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

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

— Выставление предварительной стоимости путёвки жителям на этапе подачи заявки (создание справочника организаций);

— Адаптация процедуры подачи заявки для жителей с несколькими детьми;

— Оптимизация страницы подачи заявки для физических лиц;

— Информационный обмен со школами для отказа от справки с места учёбы в муниципальных школах;

— Электронная запись к операторам на получение документов.

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

Были выделены и структурированы репозитории для публичной части, сайтов-поддоменов и личного кабинета, при этом личный кабинет разработан с использованием прогрессивных веб-приложений (PWA).

Основной проект и сайты лагерей на поддоменах реализованы на 1-С-Битрикс, для frontend части используется стек HTML5, SCSS, JS (ES6) со сборкой webpack@5.

Личный кабинет пользователя реализован на React(TypeScript), как PWA и доступен для установки на устройства Android. Для взаимодействия frontend и backend части используется REST API (php 8+).

На сайте улучшена кодовая база для ряда интеграций:

1. СБЕРкасса;

2. ОФД Атол;

3. 1С — переведено на обмен по API.

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

Вся кодовая база проверяется статическими анализаторами и линтерами (ESLint, Stylelint, Prettier), на критические части пользовательского пути настроены системы мониторинга с уведомлением в телеграм (Vanila JS).

Настроено dev и production окружение с использованием gitlab CI/CD инструментария.

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

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

Разработана детальная страница обработки заявки, которая собирает всю необходимую информацию в виде “Шагов”, которые необходимо выполнить оператору сайта, чтобы обработать заявку или запросить уточнение данных у пользователя.

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

Всё это позволило автоматизировать большую часть бизнес-процессов протекающих в рамках летних кампаний выдачи путевок детям и снизить нагрузку на операторов сайта и директоров лагерей.

Были проведены масштабные работы по наполнению контентом:

— Реализован блок FAQ, который закрывает возникающие вопросы и решает их до обращения к оператору;

— Создана универсальная памятка для родителей, полностью описывающая процесс сборов в лагерь и предлагающая список вещей, которые могут понадобиться ребенку;

— Для всех лагерей был актуализирован контент, описывающий их особенности и предоставляющий родителям полноценную информацию о месте отдыха ребенка;

— Написаны материалы, касающиеся льгот, квот и пребывания детей с ОВЗ.

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

Родители получили возможность быстро и удобно забронировать место в подходящем детском лагере Тверской области, учитывая различные параметры (стоимость, условия проживания, программа мероприятий и т.д.).

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

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

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

Благодаря проекту, родители получили полноценную платформу, которая позволяет закрыть все бюрократические процедуры, оформить заявку и следить за статусом ребенка в едином личном кабинете, 

В планах на 2024 год:

— Интеграция с системой ЕСИА для авторизации и регистрации пользователей;

— Интеграция с системой Госключ для возможности подписания документов по путёвкам онлайн;

— Усовершенствование систем ведения и учета “справочник организаций”, создание “личного кабинета школ”;

— Интеграция с порталом ЕСИА (Госуслуги) для возможности забора заявок с портала.