Кейсы / Веб-интерфейс · спорт

Лендинг клуба единоборств
под заявку

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

Статус: портфолио-кейс / готов к адаптации

Лендинг клуба единоборств Force Team на ноутбуке и смартфоне

Как это выглядит

1 минута 19 секунд, 16:9: обложка, первый экран, направления, расписание, заявка и адаптив. Ролик портфолио, не запись тренировки.

Проблема

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

Реализованное решение

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

Моя роль

Спроектировал структуру, тексты, пользовательский путь до заявки, адаптивную вёрстку и визуальную подачу проекта Force Team.

Архитектура

Next.js / React / TypeScript → адаптивный интерфейс → серверная отправка заявки через webhook → подключаемая CRM, Telegram или email.

Что работает сейчас

Портфолио-версия включает адаптивный интерфейс, направления, расписание, форму заявки, базовый SEO-контур и production-подготовку. Реальные данные клуба заменяются перед коммерческим запуском.

Как проверить

Проверяются desktop и mobile, навигация, обязательные поля формы, сценарий «направление → пробная тренировка → заявка», сборка и CI.

Ограничения и следующие шаги

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

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

Технологии

Next.js React TypeScript CSS адаптивная вёрстка

// по теме проекта

Рекомендуемые материалы

Новые модели

Anthropic перед IPO: $1,5 триллиона за будущее, которое ещё предстоит оплатить

Оценка Anthropic перед IPO, сотни миллиардов долларов инфраструктурных обязательств и уроки железнодорожного и телекоммуникационного бумов.

Читать материал →
Новые модели

Anthropic потеряла $80 миллиардов. ИИ-бум заканчивается или только начинается?

Почему убыток Anthropic $80,7 млрд не означает денежный отток в таком размере, как растут расходы на вычисления и чему учат железнодорожный и телекоммуникационный бумы.

Читать материал →
Безопасность

Вы наняли ИИ-помощника. А команды ему отдаёт чужой сайт

Как скрытые инструкции на сайтах и в письмах пытаются управлять ИИ-агентами: исследования Google и BrowseSafe++, полномочия и контроль действий.

Читать материал →

Другие кейсы

Кабинет психолога — иллюстрация демонстрационного проекта
Сайт психолога
Адаптивный сайт психолога: направления работы, процесс консультации, стоимость и FAQ. Публичная демонстрация и защищённая заявка на адаптацию на портале ДИС.
→
Кот-рыцарь KnightCat управляет подготовкой контента и аналитикой
KnightCat
Демонстрационный контент-завод на n8n готовит текст и изображение, показывает черновик в Telegram и оставляет финальное решение человеку.
→
AutoSfera AI: четыре специализированных агента и маскот ДИС
AutoSfera AI
Ассистент автодилера распределяет вопросы между продажами, поддержкой, сервисом и внутренним контуром, ищет факты в базе знаний и передаёт рискованные решения сотруднику. Контролируемая beta, не production.
→
Vitalis Medical AI и маскот ДИС в правом верхнем углу
Vitalis Medical AI
Демонстрационный медицинский AI-ассистент помогает искать и сравнивать клиническую информацию. Российский и международный контуры работают раздельно, а ответ сопровождается источниками и предупреждениями.
→
Концепция интернет-магазина полезных продуктов с каталогом, фильтрами и маскотом ДИС
Здоровый магазин
Концепция и подробное техническое задание интернет-магазина для людей, которым важны состав продукта, аллергены и особенности питания. Структура MVP готова; разработка магазина — следующий этап.
→
AI-аналитик ДИС Репутация 360 отслеживает отзывы и тональность
ДИС Репутация 360
Сайт принимает отзыв, OpenAI определяет тон и готовит черновик. Похвала публикуется сразу, претензия уходит оператору в панель и Telegram. Открытое демо, не служба репутации клиента.
→
LegalBot анализирует судебные документы и проверяет правовые источники
LegalBot — судебные акты
Telegram-бот принимает судебный акт в PDF, извлекает текст, ищет нормы РФ и собирает черновик апелляции в DOCX. Открытый демо-MVP, не замена юриста.
→
DocPulse извлекает данные из документов и передаёт результат на проверку
DocPulse — договоры и заключения
Telegram-бот разбирает PDF: медицинское заключение или договор. Два режима, структурированный отчёт и дисклеймер. Демо-MVP, не замена врача или юриста.
→
AI-наставник ведёт ученика по персональному маршруту обучения
AI-наставник 360
Корпоративный MVP: сотрудник учится в Telegram, методист и руководитель ведут программы в web-панели. Наставник и экзаменатор разделены, кадровые решения остаются за человеком. Открытое демо, не внедрение у клиента.
→
ДИС Аналитик 360 исследует документы, таблицы и показатели
ДИС Аналитик 360
Веб-кабинет: загрузите таблицу или PDF, задайте вопрос своими словами и получите локальный разбор плюс интерактивный график. Открытое демо, не облачная BI-платформа и не внедрение у клиента.
→
FAQ-ассистент отвечает по базе знаний и передаёт вопрос специалисту
FAQ-ассистент
Ассистент отвечает на типовые вопросы по проверенной базе знаний, держит корпоративный стиль и передаёт сложные обращения человеку. Открытый демо-контур, не промышленная служба поддержки.
→
Бизнес-бот обрабатывает сообщения и передаёт сложные вопросы оператору
Telegram-бот для бизнеса
Бот первой линии ищет ответ в FAQ, ловит негатив и передаёт сложные обращения человеку. Есть рабочий репозиторий и учебный n8n-сценарий с голосом и контролем задач.
→
AI-аналитик собирает показатели магазина, витрин и складских остатков
Данные витрины и отчётность
Не интернет-магазин «под ключ», а контур вокруг продаж на витринах: выгрузка revenue и бонусов + локальный AI-агент KPI Pulse для метрик, вопросов к данным и дайджеста в Telegram.
→
AI-маршрутизация лидов и задач в управляемом CRM-конвейере
Автоматизация CRM-контура
Обращение не теряется в чате: оркестратор выбирает агента, создаёт заявку и отдаёт критичные действия на подтверждение человеку. Есть API заявок и каркас каналов CRM.
→
Специалист ÉLAN работает с интерфейсом доказательной косметологии
ÉLAN
Адаптивный сайт кабинета доказательной косметологии: направления услуг, понятные ориентировочные цены, этапы консультации, FAQ и форма онлайн-записи. Готовый MVP без вымышленных адресов и сотрудников.
→
AI-ассистент соединяет базу знаний, обращения и оператора поддержки
AI-ассистент для поддержки
Мультиагентный ассистент автодилера AutoSfera AI: оркестратор, база знаний и маршруты заявок. Проверяемое демо, не внедрение у клиента.
→
RedCat AI исследует сайт компании и готовит персональное обращение
RedCat AI
Сервис читает сайт лида, достаёт проверяемые факты с цитатами и пишет три черновика первого письма. Если факта нет — письмо не генерируется. Не сендер и не CRM.
→
Встреча 360 распознаёт спикеров и превращает разговор в задачи
Встреча 360
В Telegram отправляете видео или аудио встречи — бот возвращает расшифровку со спикерами, оценку по 11 критериям, решения, задачи и сроки. Учебный MVP, не корпоративный секретарь.
→
ДИС Lingua 360 помогает тренировать речь, чтение и произношение
ДИС Lingua 360
Персональный кабинет: английский и испанский, маршрут CEFR, цикл «изучи → отработай → примени», RAG по заметкам Obsidian и интервальное повторение. Открытый MVP, не языковая школа.
→
OnboardFlow AI ведёт нового сотрудника по маршруту адаптации
OnboardFlow AI
Ассистент адаптации отвечает по контролируемой CSV-базе, показывает чек-листы первого дня/недели/месяца и отдаёт кадровые и юридические вопросы человеку.
→