Заказать

Кейс: PANTHERS

Этап разработки проекта PANTHERS - Введение и концепция проекта

Введение и концепция проекта

Panthers Dance Studio — это крупная сеть танцевальных школ для детей и подростков (от 3 до 18 лет) с разветвленной структурой филиалов. Главная задача проекта заключалась в создании современного, визуально привлекательного и адаптивного корпоративного сайта, который транслирует атмосферу студии, упрощает конверсию посетителей в заявки и разгружает администраторов за счет автоматизации процессов. Одним из ключевых требований бизнеса была интеграция надежной онлайн-оплаты.

Интерфейс проекта PANTHERS - Интерактивный блок преимуществ

Интерактивный блок преимуществ

Преимущества студии выведены в виде аккуратной сетки (Grid) и дополнены плавными анимациями. В UI/UX дизайне сделан акцент на яркую детскую тематику. Для вовлечения пользователей реализован эффект Flip-карт: при наведении курсора карточка переворачивается, отображая на обратной стороне детальное описание.

Этап разработки проекта PANTHERS - Легковесный слайдер на Alpine.js

Легковесный слайдер на Alpine.js

Слайдер разработан с использованием реактивного микрофреймворка Alpine.js. Все изображения и текстовые подписи динамически управляются через административную панель, где также можно задавать скорость смены кадров. Использование Alpine.js позволило обойтись минимальным объемом JavaScript-кода, обеспечив мгновенную загрузку страницы.

Интерфейс проекта PANTHERS - Динамическое расписание по филиалам

Динамическое расписание по филиалам

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

Этап разработки проекта PANTHERS - Интеграция платежного шлюза и переход на Webhooks

Интеграция платежного шлюза и переход на Webhooks

На сайте развернута кастомная система онлайн-оплаты через API Альфа-Банка. Клиент может выбрать филиал и нужный тип абонемента, при этом стоимость пересчитывается динамически. В первой итерации проверка статуса платежей работала по принципу периодических опросов (polling) каждые 5 минут. Для оптимизации нагрузки и ускорения бизнес-процессов архитектура была успешно переведена на систему вебхуков (Webhooks): теперь уведомления об успешной оплате поступают от банка мгновенно и в автоматическом режиме.

Интерфейс проекта PANTHERS - Омниканальная система уведомлений

Омниканальная система уведомлений

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

Дмитрий Кашевский - Fullstack разработчик
Автор кейса

Дмитрий Кашевский

Fullstack-разработчик и технический специалист.