Авторские 3D-сцены
Интерактивные сцены с воздушными полотнами и реквизитом переносят сценическое искусство артистки в веб: с адаптивным рендерингом и аккуратными статичными версиями.
Adele Deliss
Многоязычная платформа для воздушной гимнастки, объединяющая авторские 3D-сцены с единым рабочим пространством студии для занятий, абонементов и почты.
Полный цикл продуктового дизайна и full-stack-разработкиОТ ЦИФРОВОЙ СЦЕНЫ К УПРАВЛЕНИЮ СТУДИЕЙ
Групповые занятия и абонементы студии
Регулярные занятия, места по абонементам, учёт посещаемости и правила каникул связывают личные кабинеты учеников с рабочим пространством артистки.
Встроенный Mailroom
Входящие запросы, цепочки переписки, вложения и брендированные ответы обрабатываются прямо в рабочей панели администратора.
ХОД РАБОТЫ
Международные выступления. Ежедневные занятия.
Организаторам мероприятий требовался удобный способ познакомиться с номерами и связаться с артисткой. Новым ученикам — простая запись на первый урок, а постоянным — просмотр графика своих занятий и посещаемости. Для самой Adele управление студией означало постоянный поток запросов, расписаний и сообщений учеников, где важно не потерять ни одной детали.
Выразительная сцена. Практичная система для студии.
Я спроектировал и разработал публичный сайт с интерактивными 3D-сценами воздушной гимнастики и мультиязычной подачей. Под капотом личные кабинеты учеников и рабочая панель администратора объединяют подтверждение уроков, расписание регулярных групп, абонементы и почту студии в единую систему.
Продуктовый дизайн, разработка фронтенда и бэкенда, бизнес-логика расписания и абонементов, кабинеты учеников и административная панель, почтовая инфраструктура и авторские 3D-сцены с адаптацией исходных иллюстраций клиентки в айдентику проекта.
01 / 04LIVE SITE
AD / Авторские 3D-сцены
Авторские 3D-сцены
Интерактивные сцены с воздушными полотнами и реквизитом переносят сценическое искусство артистки в веб: с адаптивным рендерингом и аккуратными статичными версиями.
02 / 04ПОДТВЕРЖДЕНИЕ ПРОДУКТА
AD / Заявки на занятия и кабинеты учеников
Заявки на занятия и кабинеты учеников
Ученики могут проверять расписание, подавать заявки на занятия и отслеживать свои записи и посещаемость в личном кабинете.
Пример интерфейса · демонстрационные данные
03 / 04ПОДТВЕРЖДЕНИЕ ПРОДУКТА
AD / Групповые занятия и абонементы студии
Групповые занятия и абонементы студии
Регулярные занятия, места по абонементам, учёт посещаемости и правила каникул связывают личные кабинеты учеников с рабочим пространством артистки.
Пример интерфейса · демонстрационные данные
04 / 04ПОДТВЕРЖДЕНИЕ ПРОДУКТА
AD / Встроенный Mailroom
Встроенный Mailroom
Входящие запросы, цепочки переписки, вложения и брендированные ответы обрабатываются прямо в рабочей панели администратора.
Пример интерфейса · демонстрационные данные
ПОДТВЕРЖДЕНИЕ ПРОДУКТА
Авторские 3D-сцены
Интерактивные сцены с воздушными полотнами и реквизитом переносят сценическое искусство артистки в веб: с адаптивным рендерингом и аккуратными статичными версиями.
Перенос воздушной хореографии в веб.
Визуальный стиль сайта вдохновлён сценическими номерами: воздушные полотна, кольцо, пилон и ремни оживают в виде интерактивных 3D-сцен, заменяя привычную плоскую галерею. Светлая и тёмная темы, а также режим с уменьшенной анимацией заложены в архитектуру с самого начала.
Построено на реальных процессах обучения в студии.
Первая заявка на урок требует подтверждения артистки, тогда как регулярный абонемент бронирует постоянное место в еженедельных группах. Я реализовал их как раздельные сценарии, связав график доступности, генерацию занятий, лимиты мест, учёт посещаемости и кабинеты учеников, вместо шаблонной общей формы записи.
- Заявка ученика
- Одобрение артистки
- Подтверждённое занятие
- Недельные группы
- Занятия по датам
- Зарезервированные места
- Посещаемость
Заявку также можно отклонить или предложить другое время. Регулярные места по абонементам подчиняются отдельным правилам резервирования и участия.
Почтовый ящик студии, встроенный прямо в рабочую панель.
Я создал Mailroom, чтобы запросы на выступления, заявки на уроки и переписка с учениками находились рядом с расписанием. Он объединяет входящую почту, цепочки переписки, поиск, вложения и брендированные ответы прямо в рабочей панели администратора.
- Входящее письмо
- Оригинал и цепочка
- Безопасное чтение
- Отправка ответа
Чёткие бизнес-правила. Прозрачные границы инфраструктуры.
Публичный сайт, личные кабинеты учеников и рабочее пространство администратора взаимодействуют через типобезопасные контракты сервисов. Поскольку правила работы студии отделены от базы данных и отправки почты, логику расписания можно полностью протестировать локально и надёжно запускать на Cloudflare.
Единая система для сцены и студии
Посетители знакомятся с творчеством артистки и заказывают выступления или уроки, ученики управляют своими записями в личных кабинетах, а Adele контролирует занятия, абонементы, посещаемость и почту в одном окне.
Next.js, React и TypeScript составляют основу приложения, а Three.js, GSAP и Lenis отвечают за интерактивную публичную часть. OpenNext запускает приложение Next.js на Cloudflare Workers, D1 используется для реляционных данных, а R2 — для хранения файлов исходных писем. Better Auth управляет аккаунтами учеников, Resend отправляет исходящие письма, а Cloudinary оптимизирует доставку медиафайлов.
Главная ценность этого проекта — в объединении двух совершенно разных сторон: дать артистке яркий способ показать своё сценическое мастерство и одновременно создать удобные практичные инструменты, упрощающие ежедневное управление студией.
Давайте создадим что-то значимое.
Новый продукт. Эффективная система. Сложная инженерная задача, требующая решения.
[email protected]