Недетский кейс детского «Лагеря №1»: как мы разработали дизайн СRM, админ-панели и редизайн сайта

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

Задачи:

1. Дизайн личного кабинета

• Удобный интерфейс для родителей и детей.

• Интеграция с существующей системой бронирования и оплаты.

• Личные данные, расписание смен, медицинские документы, обратная связь.

2. CRM-система для сотрудников

• Управление бронированиями, группами детей, документами.

• Коммуникация с родителями (уведомления, рассылки).

• Аналитика по заполняемости смен и финансовым показателям.

3. Редизайн главной страницы сайта

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

• Улучшение юзабилити и конверсии.

Особенности проекта:

У заказчика недавно был ребрендинг: новый логотип и фирменный стиль. На их основе мы разработали дизайн-систему для всех интерфейсов. Команда разделилась на два потока, чтобы ускорить процесс (одни работали над личным кабинетом, другие — над CRM). Важно было успеть до начала сезона, поэтому требовалась четкая координация с разработчиками.

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

Главные пользователи — родители. Им нужно:


• Выбрать смену


• Забронировать и оплатить место


• Загрузить документы (медсправки, полис, ОМС, согласия)


• Контролировать статусы операций


• Управлять профилями нескольких детей

Исходя из этого, мы определили структуру личного кабинета:

Смена (бронирование, оплата)


Отзывы (на основном сайте)


Документы (данные ребёнка, данные родителя, загрузка документов, статусы)


Профиль (личные данные, дети)


Выйти (очевидно)

Одна из ключевых UX задач —  дать возможность добавлять несколько детей и распределять их по разным  сменам. По просьбе заказчика мы добавили возможность загрузки документов со стороны  родителя и со стороны лагеря (например, обратный талон, договор и  справка о пребывании в лагере). Также мы предусмотрели чёткие статусы по каждому действию, например, «Заполните все документы» «Ожидает оплаты», «Забронировано» и т.д. Было отрисовано более 10 экранов личного кабинета и сделаны мобильные адаптации.

Нам необходимо было разработать дизайн-макет CRM-системы для автоматизации работы сотрудников лагеря с учётом разных ролей (методисты, админы, HR-кураторы, бухгалтеры) и их задач. Интерфейс должен быть нейтральным, но быстрым, с цветовой индикацией статусов, inline-редактированием и отдельной мобильной версией, оптимизированной под сенсорное управление.

Одна из целей — возможность быстрого обзора ключевых метрик лагеря: 4 ключевых показателя (общее число клиентов, заполняемость, оборот, статус сезона) с цветовой индикацией динамики. График доходов по месяцам с выбором периода, а также блок транзакций (оплачено, ожидание, отказ) — всё на одном экране.

Мобильная версия: свёрнутые карточки с акцентом на статус, быстрая фильтрация, как в заметках на телефоне.

В разделе «Клиенты» собрали всё, что нужно для работы с родителями: список клиентов, статус договоров, контактные данные, история взаимодействия. Быстрый поиск, фильтры по сменам и этапам воронки. Видно, кто оплатил, кто в ожидании, у кого нужно уточнить документы. В карточке клиента — вся информация: дети, смены, платежи, комментарии менеджеров.Договоры — инструмент для менеджеров. Для упрощения работы с договорами сделали печать, отправку и редактирование в один клик, привязали эти функции к клиенту и платежу. Для платежей предусмотрели статусы и фильтры по сменам, периодам, задолженностям.Заказчику была нужна удобная база контрагентов (поставщиков и партнёров). Мы добавили в функционал управление юрлицами, ИП, категориями поставок и прикрепленными документами.В мобильной версии устроили управление свайпами и раскрывающимися блоками.Сделали блок управления персоналом с возможностью просмотра занятости сотрудников. Также предусмотрели раздел «Мероприятия» — планирование лагерной жизни. Еще один важный раздел — документы. Это цифровой централизованный архив с доступом к файлам. Доступен поиск, скачивание и загрузки прямо в интерфейсе.

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

Следующим этапом стал редизайн и верстка "под ключ" веб-сайта. У заказчика  уже была собранная версия на платформе Creatium: структура, тексты и  блоки были готовы. Плюс — утверждённый фирменный стиль, разработанный  другим подрядчиком. Один из ключевых визуальных ориентиров — тёмный фон с мягким градиентом и яркими акцентами. Наша задача заключалась в том,  чтобы сохранить всё это, но визуально привести страницу в порядок:  сделать понятнее, аккуратнее и проще для восприятия.Начали с  аудита текущей версии: проанализировали, что мешает восприятию, где  нарушен ритм, какие визуальные приёмы устарели. Сохранили всю логику блоков и тексты, но выстроили  новую визуальную систему: выровняли карточки, задали единую типографику, убрали избыточные декоративные элементы и добавили чистые акценты.Отобрали живые, эмоциональные фото: дети в движении, в контакте, в настоящем моменте. Такой визуал вызывает  больше доверия, чем формальные портреты или шаблонные фото.На  первом экране отказались от слайдера в пользу статичного изображения с  коротким и понятным оффером. Это позволило сразу зафиксировать внимание и задать нужный фокус. Также переработали подачу преимуществ и цифр,  выровняли графику по смыслу и композиции.

Несмотря на ограничения  конструктора Creatium, удалось адаптировать визуальный стиль к  платформе: сохранить фирменные приёмы и сделать страницу визуально  чистой и современной. При этом всё исходное содержание — структура,  тексты, данные — остались без изменений. Теперь сайт воспринимается  легче и работает в рамках единой коммуникационной логики проекта.Отдельно проработали отображение сайта на мобильных устройствах. Хотя Creatium  предлагает базовую адаптивность для стандартных блоков, почти весь  проект был собран на zero-блоках — это значит, что адаптацию приходилось делать вручную. Мы вручную проверили и перерасположили каждый блок:  шрифты, отступы, порядок элементов. Это позволило сохранить читаемость и чистоту интерфейса на всех разрешениях — без сбоев, обрезанных  заголовков и конфликтов между слоями.

Работа над проектом «Лагерь № 1» стала для CTA CREW отличной возможностью продемонстрировать наш подход к созданию цифровых решений, которые сочетают удобство, функциональность и эстетику. Мы разработали полноценный макет личного кабинета с продуманными состояниями и адаптацией под мобильные устройства. Реализовали дизайн  CRM-системы для администрации лагеря, упрощающую управление процессами. К началу сезона обновили веб-сайт на платформе Creatium с сохранением фирменного стиля заказчика.