UX/UI

2024

Case

Purrweb

MEDICO

We developed a platform with no equivalents
in the CIS region which helps to monitor the
condition of cancer patients ‍
‍

We developed a platform
with no equivalents
in the CIS region which helps
to monitor the condition of
cancer patients ‍

UX/UI

2024

Case

Purrweb

Problem

Chemotherapy doctors are constantly gathering lines. Patients who are taking antitumor medicine come in-person to discuss their condition and showcase their test results

Face-to-face meetings are a hassle: doctors drown in appointments, and patients get anxious waiting in lines

Problem

Face-to-face meetings are a hassle: doctors drown in appointments, and patients get anxious waiting in lines

Chemotherapy doctors are constantly gathering lines. Patients who are taking antitumor medicine come in-person to discuss their condition and showcase their test results

Andrei Meshcheryakov is a licensed
chemotherapist, a professor and a Ph.D of
medicine. He decided to simplify
interactions between doctors and patients

That's how the

idea

of Medico was born.

It’s a platform which helps monitor patients’
condition

Andrei Meshcheryakov is a licensed
chemotherapist, a professor and a Ph.D of
medicine. He decided to simplify
interactions between doctors and patients

That's how the

idea

Medico

Medico was born. It’s a platform which
helps monitor patients’ condition

Purrweb came in to help

Andrei was mesmerized by our work on Dribbble, which is
why he turned to us for development. We thought his
project idea was solid and decided to discuss the details
in person. Our sales manager and technical directorflew
to Moscow to offer some solutions on how to go about
development.

Not only did Andrei have a deep understanding of the
problem from a doctor's perspective, but he also had a
clear vision of the end product. Our partnership was
productive and interesting.

Purrweb came in to help

Andrei was mesmerized by our work on Dribbble, which is why he turned to us for development. We thought his project idea was solid and decided to discuss the details in person. Our sales manager and technical directorflew to Moscow to offer some solutions on how to go about development.

Not only did Andrei have a deep understanding of the problem from a doctor's perspective, but he also had a clear vision of the end product. Our partnership was productive and interesting.

What is the point

Medico

The oncologist conducts a course of treatment in the app and sends the invite to the patient. After they accept it, the doctor can instantly receive updates on their condition.

The oncologist conducts a course
of treatment in the app and sends
the invite to the patient. After they
accept it, the doctor can instantly
receive updates on their condition.

We have developed 2 versions of the Medico platform:

for doctors

web app

for patients

mobile app

Nest.js

Tech stack

React Native

for doctors

web app

for patients

mobile app

Nest.js

Tech stack

React Native

How it works

for doctors

04.1

Step 1

The doctor logs into the Medico
web app and adds a new patient

Depending on the medicine and
treatment plan, the doctor conducts a
survey — either from a list of readymade
options or from scratch

The doctor sends an invite link to
download the app to a patient —
after prescribing medicine

for patients

04.2

Step 2

The patient installs the app via sent link

And receives notifications asking to complete the survey
about their condition. They’re sent at times chosen by the oncologist

The patient answers questions about their condition. After that, they
attach test results. It takes a couple of minutes.

If the patient needs to urgently contact the doctor,
they can send a message

for doctors

04.3

Step 3

The oncologist receives the patient’s
data the moment they complete the
survey and send their test results

If the test results deviate from the
normal ranges, the oncologist is
notified in the app. They may call
their patient and schedule an
appointment to adjust treatment.

Step 1

for doctors

04.1

The doctor logs into the Medico web app and adds a new patient

Depending on the medicine and treatment plan, the doctor conducts a survey — either from a list of readymade options or from scratch

The doctor sends an invite link to download the app to a patient — after prescribing medicine

for patients

04.2

Step 2

The patient installs the app via sent link

And receives notifications asking to complete the survey about their condition. They’re sent at times chosen by the oncologist

The patient answers questions about their condition. After that, they attach test results. It takes a couple of minutes.

If the patient needs to urgently contact the doctor, they can send a message

for doctors

04.3

Step 3

The oncologist receives the patient’s data the moment they complete the survey and send their test results

If the test results deviate from the normal ranges, the oncologist is notified in the app. They may call their patient and schedule an appointment to adjust treatment.

neutrality

versatility

color

At first, we incorporated pink, purple, and orange into
the Medico platform. The customer requested we opt
for "practical" colors that patients are used to:
white, gray, and blue

#3380EE

#1562CD

#C6DBFA

#EBF2FD

#F5F8FF

#2D2D40

#777998

#C2CADF

#F1F3F8

#F7F7F9

color

neutrality

versatility

At first, we incorporated pink, purple, and orange into the Medico platform. The customer requested we opt for "practical" colors that patients are used to: white, gray, and blue

#3380EE

#1562CD

#C6DBFA

#EBF2FD

#F5F8FF

#2D2D40

#777998

#C2CADF

#F1F3F8

#F7F7F9

Typography

Regular

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

Regular

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

SemiBold

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

Semibold

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

Bold

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

Bold

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

We went through about 8 fonts to find the perfect one.

We settled

Lato

a simple font

that that fits perfectly into the interface
and is easy to read

We went through about 8 fonts to find the perfect one.

We settled

Lato

a simple font that that fits

perfectly into the interface and is easy to read

Our client created sample

surveys

himself. They’re focused on side effects
of each medications typically prescribed
to patients

Our client created sample

surveys

himself. They’re focused on side effects
of each medications typically prescribed
to patients

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

через

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

if a suitable survey can’t be found,
the doctor can create it themselves

with the

built-in survey maker

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

и добавили

поиск

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

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

We've added surveys to the app

and made it so you can

for surveys

tailored to specific medicine. Your doctor just
needs to enter the name of the medication
and select the associated survey

Medico in collaboration
with doctors

Support patients

We added dashboards to the interface of the
mobile app. This way, patients can easily keep
track of changes in their condition.

Dashboards

like these help motivate users to take surveys

Support patients

We added dashboards to the interface of the mobile app. This way, patients can easily keep track of changes in their condition.

Dashboards

like these help

motivate users to take surveys

How to streamline the process of
receiving a survey — so that the
doctor doesn’t get results too late

We first made it so that surveys are sent to patients at 9 a.m.
GMT +3, or Moscow time.

This posed several challenges: e.g. if patients used Medico in
Vladivostok (GMT +10), they would complete surveys at lunchtime.

This way, the doctor receives the survey results somewhere in the evening.
Chances are they’re already exhausted by that time — and they have no
energy to check the app and respond to the patient,

We made sure to consider all
time zones, so that Medico
can be used everywhere

When the doctor opens the web application and creates a survey,
the browser reads the local time. We needed to link a server located
in Moscow and applications that were used in other time zones.

We made sure to consider all
time zones, so that Medico
can be used everywhere

When the doctor opens the web application and creates a survey, the browser reads the local time. We needed to link a server located in Moscow and applications that were used in other time zones.

We solved this task by using the Cron Job plugin.
Here’s how it works:

Activates every hour

Scans surveys listed in the database

Identifies surveys that were created when it was 9:00 a.m. in a given time zone

Sends survey notifications to patients, asking them to complete the survey

Activates every hour

Scans surveys listed in the database

Identifies surveys that were created when
it was 9:00 a.m. in a given time zone

Sends survey notifications to patients,
asking them to complete the survey

Now, we’re helping
to promote
Medico

Our client wants to make the platform
available for a fee and sell it to
healthcare institutions. For this task,
we made an video to effectively
present Medico's features

Now, we’re helping
to promote
Medico

We released the app in the App Store
and Google Play Market in January,
2023.

We released the app in
the App Store and Google
Play Market in January,
2023.

Already with the help of Medico doctors save time, and patients — the strength to fight the disease.

The platform is already used by Russia’s
largest oncology research center —  
Petrov N.N. Oncology Research Center  
along with other healthcare institutions.