UX/UI

2024

Case

Purrweb

MEDICO

Разработали платформу для отслеживания
состояния онкобольных, которая  
не имеет аналогов в СНГ

Разработали платформу
для отслеживания состояния
онкобольных, которая
‍не имеет аналогов в СНГ

UX/UI

2024

Case

Purrweb

проблема

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

Очные встречи неудобны: врачи загружены приемами,
а пациенты тратят нервы и силы в очередях

проблема

Очные встречи неудобны: врачи загружены приемами, а пациенты тратят нервы и силы в очередях

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

Андрей Мещеряков — химиотерапевт,
профессор и доктор медицинских наук.  
Он решил упростить взаимодействие
между врачами и пациентами

Так родилась

идея

Medico — платформы

для мониторинга состояния пациентов

Так родилась

идея

Medico

— платформы для мониторинга
состояния пациентов

В дело вступает Purrweb

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

У Андрея было не только глубокое понимание проблемы
с точки зрения врача, но и четкое видение результата.
Сотрудничество вышло интересным и конструктивным.

В дело вступает Purrweb

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

У Андрея было не только глубокое понимание проблемы с точки зрения врача, но и четкое видение результата. Сотрудничество вышло интересным и конструктивным.

В чем суть

Medico

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

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

Мы разработали 2 версии Medico:

для врачей

веб-приложение

для пациентов

мобильное приложение

Nest.js

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

React Native

для врачей

веб-приложение

для врачей

мобильное приложение

Nest.js

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

React Native

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

для врачей

04.1

Шаг 1

Врач заходит в Medico  
и добавляет нового пациента

В зависимости от препарата и схемы
лечения врач выбирает опрос  
из списка или создает новый

После назначения препаратов  
врач отправляет пациенту ссылку  
на скачивание приложения

для врачей

04.2

Шаг 2

Пациент устанавливает приложение по ссылке

И получает уведомления об опросе с периодичностью,
которую задал онколог

В приложении пациент отвечает на вопросы о состоянии.  
А потом прикрепляет результаты анализов. Это занимает пару минут

Если пациенту нужно срочно связаться с врачом,
он может отправить ему сообщение

для врачей

04.3

Шаг 3

Врач получает данные сразу после
того, как пациент заполнил опрос  
и отправил результаты анализов

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

Шаг 1

для врачей

04.1

Врач заходит в Medico и добавляет нового пациента

В зависимости от препарата и схемы лечения врач выбирает опрос из списка или создает новый

После назначения препаратов врач отправляет пациенту ссылку на скачивание приложения

для врачей

04.2

Шаг 2

Пациент устанавливает приложение по ссылке

И получает уведомления об опросе с периодичностью,
которую задал онколог

Если пациенту нужно срочно связаться с врачом, он может отправить ему сообщение

для врачей

04.3

Шаг 3

Врач получает данные сразу после того, как пациент заполнил опрос и отправил результаты анализов

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

нейтральность

универсальность

цвет

Сначала Medico был в розовых, фиолетовых  
и оранжевых тонах. Заказчик попросил остановиться
на «практичных»‎ цветах, к которым привыкли
пациенты: белый, серый и синий.

#3380EE

#1562CD

#C6DBFA

#EBF2FD

#F5F8FF

#2D2D40

#777998

#C2CADF

#F1F3F8

#F7F7F9

цвет

нейтральность

универсальность

Сначала Medico был в розовых, фиолетовых и оранжевых тонах. Заказчик попросил остановиться на «практичных»‎ цветах, к которым привыкли пациенты:
‍белый, серый и синий.

#3380EE

#1562CD

#C6DBFA

#EBF2FD

#F5F8FF

#2D2D40

#777998

#C2CADF

#F1F3F8

#F7F7F9

шрифт

Regular

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл Мм Нн
Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы
Ьь Ээ Юю Яя

Regular

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии
Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт
Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы
Ьь Ээ Юю Яя

SemiBold

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл Мм Нн
Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы
Ьь Ээ Юю Яя

Semibold

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии
Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт
Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы
Ьь Ээ Юю Яя

Bold

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл Мм Нн
Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы
Ьь Ээ Юю Яя

Bold

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии
Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт
Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы
Ьь Ээ Юю Яя

Мы перебрали около 8 шрифтов, чтобы найти идеальный.

Остановились на

Lato

— простом шрифте,

который идеально вписывается в интерфейс  
и легко читается

Мы перебрали около 8 шрифтов, чтобы найти идеальный.

Остановились на

Lato

— простом шрифте,

который идеально вписывается в интерфейс и легко читается

Заказчик вручную составил

опросы

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

Заказчик вручную составил

опросы

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

Если подходящего опроса  
в списке нет, его можно создать

через

форму-конструктор

Если подходящего опроса  
в списке нет, его можно создать

через

форму-конструктор

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

и добавили

поиск

по препаратам.

Врачу нужно просто ввести название  
лекарства и выбрать нужный опрос

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

и добавили

поиск

по препаратам.

Врачу нужно просто ввести название  
лекарства и выбрать нужный опрос

Medico разработан
совместно с врачами

Поддерживаем пациентов

Чтобы дать пациентам возможность самим
отслеживать изменения в своем состоянии,  
мы добавили в интерфейс мобильной версии
дашборды.

Дашборды

мотивируют людей проходить опросы.

Поддерживаем пациентов

Чтобы дать пациентам возможность самим отслеживать изменения всвоем состоянии,  
мы добавили в интерфейс мобильной версии дашборды.

Дашборды

мотивируют

людей проходить опросы.

Как настроить получение
опроса, чтобы не утомить врача

Новые опросы должны были отправляться в 9 утра по мск

Здесь возникала проблема: если Medico будут использовать,
например, во Владивостоке, опрос пациентам будет приходить
только в обед

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

Учитываем все часовые пояса,  
чтобы Medico можно было  
использовать везде

Когда врач открывает веб-приложение и создает опрос, браузер считывает
местное время. Нам нужно было связать сервер, находящийся в Москве,  
и приложения, которые использовались в других часовых поясах

Учитываем все часовые пояса, чтобы Medico можно было использовать везде

Мы решили эту проблему с помощью утилиты Cron Job.  
Она работает так:

Запускается каждый час

Сканирует опросы в базе данных

Выявляет те, которые были созданы в часовом поясе, где сейчас 9 утра

Отправляет уведомления об опросах пациентам

Запускается каждый час

Сканирует опросы в базе данных

Выявляет те, которые были созданы
в часовом поясе, где сейчас 9 утра

Отправляет уведомления об опросах пациентам

Помогаем заказчику
с продвижением
платформы

Заказчик хочет сделать доступ  
к платформе платным и продавать
его медучреждениям. Чтобы
эффектно презентовать возможности
Medico, мы сделали анимированный
ролик

Помогаем заказчику
с продвижением
платформы

В январе 2023 года мы выложили
мобильное приложение в AppStore
и Google Play.

В январе 2023 года
мы выложили мобильное
приложение в AppStore
и Google Play.

Уже сейчас с помощью Medico врачи экономят время, а пациенты — силы  
на борьбу с болезнью

Уже сейчас с помощью Medico врачи экономят время, а пациенты — силы на борьбу с болезнью

Платформой уже пользуется крупнейший
федеральный онкологический центр в России  
НМИЦ онкологии им. Н.Н. Петрова  
и другие медучреждения

Платформой уже пользуется
крупнейший федеральный
онкологический центр в России
‍НМИЦ онкологии им. Н.Н. Петрова  
и другие медучреждения

Мы были рады вложить наши знания
и умения в этот значимый проект

Хотите сделать свое приложение, но не знаете, с чего начать?

Проконсультируйтесь у команды Purrweb. Это бесплатно!

Хочу консультацию

MEDICO

В дело вступает Purrweb

В дело вступает Purrweb

Мы разработали 2 версии Medico:

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

Medico разработан совместно с врачами

Поддерживаем пациентов

Поддерживаем пациентов

Учитываем все часовые пояса, чтобы Medico можно было использовать везде

Учитываем все часовые пояса, чтобы Medico можно было использовать везде

Помогаем заказчику с продвижением платформы

Помогаем заказчику с продвижением платформы

Уже сейчас с помощью Medico врачи экономят время, а пациенты — силы на борьбу с болезнью

Уже сейчас с помощью Medico врачи экономят время, а пациенты — силы на борьбу с болезнью

Medico разработан
совместно с врачами

Учитываем все часовые пояса,  
чтобы Medico можно было  
использовать везде

Помогаем заказчику
с продвижением
платформы

Помогаем заказчику
с продвижением
платформы

Уже сейчас с помощью Medico врачи экономят время, а пациенты — силы  
на борьбу с болезнью