Кейс · MedilogicМедицинская клиника · Алматы
Medilogic

Сайт клиники с тремя AI-ассистентами на Claude

Премиальный двуязычный (RU / KK) сайт многопрофильной клиники в Алматы: три ассистента на Claude, запись на приём с базой данных и собственная дизайн-система.

Next.js 16 · RSC Anthropic Claude Supabase
Главная страница клиники Medilogic
Технологии

На чём собрано и почему

Фронтенд

Next.js 16, React 19, TS
Серверные компоненты по умолчанию, интерактив — островками, статическая генерация локалей, услуг и врачей.

AI

Anthropic Claude SDK
Sonnet 4.6 для чата, Opus 4.8 для vision, кэширование промптов — ниже стоимость и задержка.

Данные

Supabase, PostgreSQL
Заявки с атрибуцией источника и статусами, RLS, готовая схема под RAG-базу знаний.

Дизайн

Tailwind v4, Framer Motion
@theme-токены, гексагон-мотив, шрифт Manrope и аккуратные анимации появления при скролле.
3
AI-ассистента на Claude
2
языка: RU и KK
21
медицинское направление
0
потерянных заявок
Описание

Что это за продукт

Medilogic — премиальный, полностью двуязычный сайт многопрофильной клиники в Алматы с флагманским центром лечения гемангиом. В основе — три собственных AI-ассистента на Claude: симптом-чекер, расшифровка анализов и навигатор по гемангиомам.

Сайт построен на Next.js 16 с серверными компонентами, собственной дизайн-системой на токенах Tailwind v4 и записью на приём с базой данных Supabase. Контент полностью на русском и казахском.

Задача

Сайт уровня мировых клиник

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

  • помочь пациенту выбрать правильного врача
  • показать 21 направление и центр гемангиом
  • дать запись на приём с сохранением заявок
  • сделать всё на двух языках: RU и KK
  • уровень дизайна выше шаблонных конкурентов
Проблема

Пациент не знает, к кому идти

У многопрофильной клиники десятки направлений, и пациент теряется: с какой жалобой к какому врачу? Обычные сайты клиник — это статичные визитки без подсказок, без онлайн-инструментов и часто только на одном языке.

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

Решение

Сайт, который ведёт пациента к врачу

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

01 · AI-симптом-чекер

Подсказывает, к какому врачу идти

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

  • рекомендует только реальных врачей клиники
  • ответы стримятся по токенам (Web Streams)
  • не ставит диагноз, при тревоге — в неотложку
  • детерминированный фолбэк без API-ключа
AI-симптом-чекер
Кружится голова и скачет давление
Это повод показаться кардиологу или терапевту. В клинике принимает Шадибекова А. Е.
02 · Расшифровка анализов

Объясняет анализ или снимок простым языком

Мультимодальный ассистент на Claude Opus 4.8: пациент загружает анализ или результат УЗИ (JPG/PNG/WebP/PDF до 10 МБ) и получает объяснение простыми словами, со стримингом и серверной валидацией файла.

  • vision: понимает фото анализа и снимки
  • Opus 4.8 — модель выше уровнем, чем в чате
  • серверная проверка типа и размера файла
  • приватность и чёткий дисклеймер
Расшифровка анализов
Opus 4.8
узи-результат.pdf
JPG · PNG · WebP · PDF · до 10 МБ
По снимку — без признаков патологии. Контуры ровные, образований не видно. Это объяснение, а не заключение.
Гарантия приватности · это не медицинское заключение.
03 · Навигатор по гемангиомам

Профильный ассистент сосудистого центра

Узкоспециализированный помощник по флагманскому направлению клиники — гемангиомы и сосудистые мальформации, склеротерапия — с экспертно настроенным промптом и эмпатичным тоном.

  • экспертный промпт под профиль центра
  • эмпатичный тон для тревожной темы
  • ведёт к профильному специалисту
  • флагманское направление клиники
Сосудистый центр
Флагман
У ребёнка гемангиома на щеке. Что делать?
Понимаю ваше беспокойство. Многие гемангиомы наблюдают, часть лечат склеротерапией. Покажем ребёнка профильному специалисту центра.
гемангиомы · склеротерапия
04 · Двуязычность RU / KK

Весь сайт на русском и казахском

Полная поддержка RU / KK с маршрутами по локали (/ru/…, /kk/…). Язык автоопределяется через proxy в Next.js 16 по заголовку Accept-Language, а двуязычная модель контента — единый источник правды.

  • маршруты по локали /ru/… и /kk/…
  • автоопределение языка через proxy
  • модель LocalizedText как единый источник
  • переключатель языка в шапке
ЛокализацияRUKK
Услуги
Қызметтер
Врачи
Дәрігерлер
Записаться
Жазылу
/ru/uslugi/kk/qyzmetter
05 · Врачи и услуги

Каталог направлений и профили врачей

Типизированная модель контента: 21 направление по категориям (флагман, консультации, диагностика, лечение, каждая со своей иконкой Lucide) и врачи — специальность, категория, стаж, фото и связанные услуги. Страницы услуг и врачей собираются статически.

  • 21 направление по категориям с иконками
  • профили врачей: специальность, стаж, фото
  • статическая генерация через generateStaticParams
  • схема Supabase под RAG-базу знаний
Уралбаев Д. О.
Уралбаев Д. О.
Маммолог, онколог
Шадибекова А. Е.
Шадибекова А. Е.
Кардиолог, терапевт
Григориади О. Г.
Григориади О. Г.
Уролог, андролог
ФлагманКонсультацииДиагностикаЛечение
06 · Запись на приём

Ни одна заявка не теряется

Форма с валидацией и списком специальностей из каталога сохраняет заявки в Supabase с атрибуцией источника (форма, услуга, врач, гемангиома или AI-триаж) и статусным процессом. Если БД не настроена — заявка безопасно пишется в логи.

  • специальности подтягиваются из каталога услуг
  • атрибуция источника и статусы new → closed
  • RLS: аноним только добавляет заявки
  • фолбэк в логи, если БД не настроена
Запись на приём
Имя
Телефон
Кардиология
Заявка сохранена в Supabase
newcontactedscheduledclosed
RLS · источник: AI-триаж
07 · Как устроено

Инженерные принципы под капотом

  • Изящная деградация. Весь сайт работает без ключей: AI уходит в детерминированные фолбэки, а заявки без БД пишутся в логи — ничего не ломается.
  • Экономия на AI. Кэширование промптов (cache_control: ephemeral) и тиринг моделей: Sonnet для чата, Opus для vision — ниже стоимость и задержка.
  • Стриминг сквозной. Ответы идут по токенам через Web Streams API — эффект живого набора текста на всех эндпоинтах.
  • Безопасность данных. Ключи только на сервере; RLS в Supabase: аноним может лишь добавлять заявки, читает их серверная service-role.
  • Строгая типизация. Локали, локализованный текст, модели услуг и врачей типизированы — ошибки видны при сборке, а не у пациента.
Результат

Клиника, которая помогает выбрать врача ещё до звонка

Вместо статичной визитки у клиники теперь премиальный двуязычный сайт с тремя AI-ассистентами на Claude: пациент описывает жалобу и получает нужного специалиста, загружает анализ и понимает его простыми словами, разбирается в теме гемангиом — и тут же записывается на приём.

Заявки сохраняются в Supabase с источником и статусом и не теряются даже без ключей и базы. Сайт работает на русском и казахском, грузится быстро на серверных компонентах и выглядит выше уровнем, чем шаблонные конкуренты.

Связанный кейс

Ещё один сайт с AI-фишкой: студия 9mm →

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

Контакты

Нужен сайт с AI?

YK Partnership собирает сайты, AI-продукты и digital-решения под ключ. Расскажите о задаче, предложим решение.

Начать проектОткрыть Medilogic
Написать в WhatsApp
Написать нам