Услуги Портфолио Контакты БлогНовости +7 (800) 511‑32‑27 Обсудить проект
MedTech · Стоматология · iOS + Android

Медлайн — мобильное приложение стоматологической клиники: кликабельный прототип MVP

Приложение пациента премиальной стоматологии: запись к врачу за четыре шага, медкарта с протоколами, анализами и снимками КЛКТ, счета с оплатой баллами, бонусная программа и напоминания о визитах. Мы спроектировали продукт и собрали кликабельный прототип на 73 экрана: все сценарии можно пройти прямо в браузере.

Запись к врачу в 4 шага: филиал, врач, услуга, времяМедкарта: протоколы приёма, анализы, план леченияПросмотр снимков КЛКТ и отправка PDF врачуСчета с оплатой баллами и кешбэкомВход по SMS, Face ID и привязка карты пациентаПеренос и отмена записи без звонка в клинику
Медлайн — обложка кейса, экраны прототипа
МедлайнМедицина, прототип MVP
Тип проекта
Концепт и кликабельный прототип MVP
Отрасль
MedTech, частная стоматология
Платформы
iOS · Android
Объём
73 экрана, тёмная тема

О продукте

Коротко — что это за продукт и для кого он.

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

Мы спроектировали продукт целиком и собрали кликабельный прототип MVP. Это не набор статичных макетов: экраны связаны между собой, работают поля, переключатели, шторки и ошибки, поэтому заказчик и будущие пользователи проходят сценарии так, будто приложение уже установлено.

Задача

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

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

Особенности проекта

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

Медкарта. Протоколы приёма, назначения, заключения, анализы и план лечения с суммами по этапам. Снимок КЛКТ открывается в просмотрщике, документы отправляются в PDF на почту или другому врачу.

Оплата и бонусы. Счета по этапам лечения, оплата картой или через СБП, списание до 30% баллами и кешбэк с каждой оплаты.

Состояния и ошибки. В прототипе есть пустые экраны, загрузка, нет сети, неверный код из SMS и карта не найдена: команда разработки видит поведение продукта целиком, а не только «счастливый путь».

Решение и подход

Как мы шли от сценариев к прототипу.

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

Прототип собран как веб-приложение и открывается по ссылке на любом телефоне и компьютере, без установки и Figma-аккаунта. Для разработки MVP мы рекомендуем кроссплатформенный Flutter для iOS и Android, бэкенд на Laravel и интеграцию с медицинской информационной системой клиники: расписание врачей, документы и счета приходят оттуда.

Технологический стек

Чем собран прототип и что рекомендуем для разработки.

Figma
Дизайн-система и макеты всех экранов
HTML · CSS · JS
Кликабельный прототип, открывается по ссылке
Flutter
Flutter
Рекомендуемый стек MVP: iOS и Android из одной кодовой базы
Laravel
Laravel
Рекомендуемый бэкенд: API, бонусы, уведомления
Интеграция с МИС
Расписание, медкарта и счета из системы клиники
СБП · Push
Оплата счетов и напоминания о визитах

Почему кликабельный прототип, а не макеты

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

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

Функции продукта

Ключевые возможности, которые закрывают задачу.

1

Онлайн-запись

Филиал, врач, услуга и время в четыре шага

2

Перенос и отмена

Без звонка, с выбором причины

3

Медкарта

Протоколы, анализы, назначения и план лечения

4

Снимки КЛКТ

Просмотр 3D-снимка и отправка PDF

5

Счета и оплата

Карта, СБП и списание баллов

6

Бонусы и кешбэк

Баланс, начисления и приглашение друга

7

Уведомления

Напоминания о визитах, готовые результаты, счета

Как это работает

Ключевые экраны прототипа — по шагам.

Медлайн: главный экран пациента

Главный экран пациента

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

Ниже собраны готовые результаты и счета к оплате, поэтому самое важное видно без перехода по разделам.

Медлайн: выбор даты и времени

Выбор даты и времени

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

Если на выбранный день мест нет, приложение предлагает ближайшее свободное время или другого специалиста, и пациент не уходит со сценария.

Медлайн: медкарта и документы

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

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

Во вкладках «Анализы и снимки» и «План» пациент видит результаты исследований и этапы лечения с суммами и статусами оплаты.

Медлайн: оплата счёта баллами

Оплата счёта баллами

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

Оплатить можно сохранённой картой или через СБП, чек приходит на почту.

Кликабельный прототип Медлайн

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

Открыть прототип Медлайн ↗

Медицинские данные в приложении

Приложение работает с медкартой и снимками, поэтому вход защищён кодом из SMS и Face ID, а доступ к медкарте открывается только после привязки карты пациента, выданной администратором клиники.

Обработка персональных данных при разработке продукта строится по 152-ФЗ, конкретный контур защиты фиксируется на этапе проектирования вместе с клиникой.

В цифрах

73
экрана в прототипе
4 шага
до записи к врачу
iOS + Android
целевые платформы MVP
0
установок, чтобы посмотреть
  • Кликабельный прототип на 73 экрана, включая ошибки, загрузку и пустые состояния.
  • Запись к врачу в четыре шага с подсказкой ближайшего свободного времени.
  • Медкарта с протоколами, анализами, планом лечения и просмотром снимков КЛКТ.
  • Счета по этапам лечения, оплата картой, через СБП и баллами.
  • Вход по SMS и Face ID, привязка карты пациента.
  • Прототип открывается по ссылке на телефоне и компьютере.

Часто задаваемые вопросы

Что такое кликабельный прототип MVP?
Это интерактивная модель будущего приложения: экраны связаны переходами, работают кнопки, поля и шторки. По нему можно пройти сценарии как в готовом продукте, проверить идеи на пользователях и оценить разработку до написания кода.
Можно ли посмотреть прототип Медлайн?
Да. Прототип открыт по ссылке на этой странице и работает в браузере телефона и компьютера, установка не нужна.
Сколько стоит разработка приложения для стоматологии?
Зависит от состава MVP и интеграций с медицинской информационной системой. По готовому прототипу мы оцениваем сроки и бюджет за 1–2 дня.
Можно ли интегрировать приложение с МИС клиники?
Да. Расписание врачей, медкарта, документы и счета подтягиваются из медицинской информационной системы через API, а приложение показывает их пациенту.
Сколько времени занимает прототип?
Прототип такого объёма обычно занимает от двух до четырёх недель вместе с анализом сценариев и дизайн-системой.

Обсудим ваш проект?

Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.

Телефон
Звонок бесплатный
Бесплатный аудит и оценка проекта — вернёмся с планом за 1–2 дня.

* При условии заключения договора на разработку. Услуга технический SEO аудит сайта предоставляется с отчетом и списком рекомендаций.

Нужно приложение для клиники — начнём с кликабельного прототипа

Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.