Разработка цифровой MedTech-платформы

Magic Smile — это цифровая MedTech-платформа, разработанная для сопровождения ортодонтического лечения детей с использованием элайнеров. Вместо создания отдельного мобильного приложения было принято решение построить единую цифровую экосистему, объединяющую врачей, родителей и детей в одном продукте.

Проект включает веб-платформу для врачей, административную панель управления клиниками и пациентами, мобильное приложение для детей и родителей, веб-версию приложения (PWA), систему QR-авторизации, геймификацию лечения, push-уведомления и публикацию приложений в App Store и Google Play.

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

До начала проекта единой цифровой системы сопровождения лечения не существовало.

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

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

При этом приложение должно было соответствовать требованиям публикации детских приложений App Store и Google Play, обеспечивать безопасное хранение медицинских данных и поддерживать разные сценарии работы для детей разных возрастов.

Проект оказался значительно масштабнее обычного мобильного приложения.

Фактически необходимо было разработать несколько взаимосвязанных продуктов.

Для врачей

• веб-платформу управления клиниками;
• систему управления врачами;
• CRM пациентов;
• карточки лечения;
• календарь посещений;
• историю лечения;
• загрузку фотографий пациента;
• хранение медицинских документов;
• комментарии врача;
• QR-генерацию для каждого пациента;
• систему уведомлений для родителей.

Для родителей

• отдельный интерфейс приложения;
• получение уведомлений от врача;
• контроль лечения ребенка;
• информация о предстоящих визитах;
• история приемов;
• рекомендации врача.

Для ребенка

• персональный игровой интерфейс;
• сопровождение лечения;
• ежедневные напоминания;
• игровой персонаж Smilo;
• обучение уходу за элайнерами;
• видеоруководства;
• мотивационная система;
• прогресс лечения;
• игровая экономика.

Все три части работают с единой серверной системой.

Первоначально рассматривалась разработка полноценного нативного мобильного приложения.

Однако бюджет MVP не позволял одновременно создавать отдельные приложения для iOS и Android.

Поэтому была выбрана архитектура:

• единая кодовая база на Vue;
• веб-версия (PWA);
• Flutter Wrapper для публикации в App Store и Google Play;
• единый Python Backend.

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

В результате появился полноценный цифровой продукт.

Веб-платформа врачей

Для медицинского персонала была разработана собственная административная система.

Врачи могут:

• создавать пациентов;
• генерировать QR-коды;
• назначать лечение;
• отслеживать прогресс;
• вести историю приемов;
• прикреплять фотографии;
• загружать PDF-документы;
• оставлять комментарии;
• планировать визиты;
• переносить пациентов в архив.

Практически вся работа врача теперь сосредоточена в одной системе.

QR-авторизация

Одной из особенностей платформы стала авторизация исключительно по QR-коду.

QR автоматически создается после регистрации пациента врачом.

Далее код может использоваться:

• ребенком;
• родителем;
• после переустановки приложения;
• одновременно на нескольких устройствах одной семьи.

Это позволило отказаться от сложной регистрации и максимально упростить первое знакомство пользователей с системой.

Детское приложение

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

Приложение должно было не просто напоминать о лечении, а мотивировать соблюдать рекомендации врача каждый день.

Для этого были реализованы:

• интерактивный персонаж Smilo;
• обучающие видеоролики;
• сопровождение чистки зубов;
• видеогид по использованию элайнеров;
• напоминания;
• визуальный прогресс лечения;
• фотографии «до» и «после»;
• поздравления с этапами лечения.

При этом существует две версии интерфейса:

• для детей младшего возраста;
• для подростков.

Тип интерфейса выбирает врач при создании пациента.

Одной из самых интересных частей проекта стала полноценная игровая экономика.

Ребенок ежедневно получает игровые монеты за выполнение рекомендаций врача:

• чистку зубов;
• своевременное снятие элайнеров;
• повторное надевание;
• соблюдение режима лечения.

Отдельно начисляется опыт (XP), который ребенок получает за просмотр обучающих материалов.

XP используется для открытия нового контента, а монеты — для покупки аксессуаров для персонажа Smilo.

В магазине доступны десятки предметов:

• очки;
• кепки;
• наушники;
• плащи;
• короны;
• редкие аксессуары.

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

Еще одной особенностью проекта стала система постепенного открытия обучающих материалов.

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

Например:

• первый день — знакомство с элайнерами;
• несколько дней спустя — уход;
• позже — Chewie;
• затем аттачменты;
• перед первой сменой каппы открываются инструкции по замене.

Таким образом обучение происходит именно тогда, когда оно действительно необходимо.

ИИ использовался не только во внутренней логике проекта, но и при создании визуального контента.

С помощью Leonardo AI были разработаны:

• персонаж Smilo;
• игровые изображения;
• аксессуары;
• иллюстрации;
• визуальные элементы интерфейса;
• часть анимационных материалов.

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

В системе реализована гибкая система уведомлений.

Врач может самостоятельно настраивать сценарии отправки сообщений.

Приложение напоминает:

• о необходимости носить элайнеры;
• о смене каппы;
• о чистке зубов;
• об использовании Chewie;
• о предстоящем визите;
• о завершении этапа лечения;
• о достижении новых игровых целей.

Поскольку проект работает с персональными медицинскими данными детей, вопросам безопасности уделялось особое внимание.

В системе реализованы:

• защищенное соединение HTTPS;
• JWT-аутентификация;
• QR-токены;
• разграничение ролей пользователей;
• хранение данных на сервере заказчика;

шифрование персональных данных.

Наиболее сложной частью проекта оказалась вовсе не разработка интерфейсов.

Основные сложности заключались в проектировании всей цифровой экосистемы.

Необходимо было синхронизировать работу сразу нескольких ролей:

• врача;
• родителя;
• ребенка;
• администратора.

Каждое действие врача должно было мгновенно отражаться в приложениях семьи.

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

Также значительное время заняла разработка Flutter Wrapper, обеспечившего стабильную работу PWA внутри мобильных приложений, поддержку push-уведомлений и публикацию в обоих сторах.

Над проектом работала междисциплинарная команда:

• Backend-разработчик (Python);
• Frontend-разработчик (Vue.js);
• UI/UX-дизайнер;
• Team Lead;
• Project Manager;
• QA-инженер.

Общий срок реализации составил около десяти месяцев.

В результате была создана полноценная цифровая MedTech-платформа, объединяющая врачей, родителей и детей в единой экосистеме.

Проект включает:

• веб-платформу для врачей;
• CRM пациентов;
• административную систему;
• PWA;
• мобильные приложения для iOS и Android;
• QR-авторизацию;
• игровую механику;
• систему push-уведомлений;
• обучающий видеосервис;
• безопасное хранение медицинских данных.

На момент подготовки кейса продукт уже опубликован в App Store и Google Play и проходит пилотное тестирование в одной из клиник сети Magic Smile.

Итоги проекта

• Создали единую MedTech-платформу вместо набора отдельных сервисов.
• Разработали веб-систему для врачей и административную панель управления.
• Запустили PWA и мобильные приложения для iOS и Android на общей кодовой базе.
• Реализовали безопасную работу с медицинскими данными и QR-авторизацию.
• Интегрировали геймификацию, обучающие видео и систему мотивации детей.
• Опубликовали приложения в App Store и Google Play.
• Использовали генеративный ИИ для создания персонажей и визуального контента.
• Подготовили платформу для масштабирования на новые клиники и тысячи пациентов.