Кейсы / Web · формы · Cloudflare D1

ÉLAN: MVP кабинета доказательной косметологии

Адаптивный сайт кабинета доказательной косметологии: направления услуг, понятные ориентировочные цены, этапы консультации, FAQ и форма онлайн-записи. Готовый MVP без вымышленных адресов и сотрудников.

Статус: рабочий MVP

Главный экран адаптивного лендинга ÉLAN

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

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

Проблема

Посетителю сложно оценить косметологическую услугу по рекламному описанию: непонятны этапы консультации, стоимость и дальнейшие действия.

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

ÉLAN проводит пользователя от знакомства с подходом к выбору направления и отправке заявки. Интерфейс спокойно объясняет услуги, цены, ограничения и порядок первой консультации.

Моя роль

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

Архитектура

Next.js и TypeScript → адаптивный интерфейс → Worker API → проверка формы → сохранение обращения в Cloudflare D1.

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

Рабочий MVP: первый экран и якорная навигация, направления услуг, ориентировочные цены, этапы консультации, FAQ, адаптивная версия и форма с проверкой введённых данных.

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

Репозиторий github.com/dimitry8st-prog/ELAN--- содержит исходный код, README, тесты, видеопромпт и готовый 42-секундный ролик.

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

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

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

Технологии

Next.js React TypeScript Tailwind CSS Cloudflare Workers D1

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

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

Безопасность

Вредонос под видом 1С и Adobe: как NightEagle атакует российские компании

NightEagle использует украденные данные VPN, бэкдор на Microsoft Exchange и инструменты с названиями, похожими на 1С, Adobe и TrueConf. Разбираем схему атаки и даём безопасный чек-лист для бизнеса.

Читать материал →
Неврология — лечение

Ботулинотерапия при лицевой боли: эффективный метод или переоценённая процедура?

Где ботулинический токсин имеет доказательную базу, а где результаты противоречивы: ВНЧС, бруксизм, невралгия тройничного нерва и хроническая мигрень.

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

Другие кейсы

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