Главное о кейсе
Разработали цифровую площадку, которая поможет врачам быстрее ставить диагнозы, а пациентам — улучшить качество жизни. Важно было создать многофункциональный продукт, который напомнит о приеме таблеток, расшифрует анализы, покажет динамику изменения самочувствия, поможет закрепить полезные привычки и не пропустить тревожные сигналы организма.
****
We developed a digital platform that would help doctors to make diagnoses faster and patients to improve their quality of life. It was important to create a multifunctional product that would remind you to take pills, decipher analyses, show the dynamics of changes in your well-being, help you consolidate healthy habits and not miss the body's alarm signals.
Как проект изменил жизнь пользователей
Функционал приложения позволяет предупредить развитие болезни или эффективно лечить существующий недуг, мотивирует человека быть более внимательным к своему здоровью, выработать полезные привычки.
***
The functionality of the application allows you to prevent the development of disease or effectively treat an existing disease, motivates people to be more attentive to their health, to develop healthy habits.
Бизнес-задача и ее решение
Задачи:
- Обеспечить возможность трекинга состояния здоровья "на ходу"
- Напоминать о примере препаратов
- Иметь возможность быстрого контакта со врачом
Решения:
- Разработать приложение для заботы о здоровье с простым и быстрым доступом к площадке и удобным взаимодействием с ней.
- Подготовить цветовые решения, создать понятный и удобный интерфейс продукта.
- Создать полноценного цифрового помощника для улучшения самочувствия и качества жизни. Для этого разработать широкий и полезный функционал как для пациентов, так и для врачей.
***
Objectives:
- Provide the ability to track health status ‘on the go’
- To be reminded of an example of medication
- Have the ability to quickly contact a physician
Solutions:
- Develop a health care app with easy and quick access to the site and convenient interaction with it.
- Prepare colour schemes, create a clear and user-friendly product interface.
- To create a full-fledged digital assistant to improve well-being and quality of life. To do this, develop a wide and useful functionality for both patients and doctors.
Крафт (мастерство), реализация, технические детали
Создали легкий и понятный интерфейс для пользователей. Нам было важно сделать так, чтобы интерфейс был понятен людям, которые не очень хорошо умеют пользоваться компьютерами и телефонами
В качестве технологий выбрали самую популярную библиотеку React для web - версии, масштабируемый Django - для сервера и кросс-платформенный React Native - для мобильных устройств.
Так как web-приложение создавали для мобильных и десктоп устройств, при разработке использовали mobile first подход. В основе верстки - фреймворк Material UI. Мы адаптировали материаловскую тему под дизайн систему приложения для ускорения frontend разработки.
В приложении много интерактивных элементов и взаимодействия с backend. Для организации state management и кэширования запросов применили redux и redux toolkit (с RTK).
Для отправки СМС - сообщений сделали интеграцию с twilio, используя SDK для Pyton.
С помощью Amplify от AWS разработали систему авторизации, выбрали paswordless подход. Пользователю приходит код на телефон, который он вводит в приложение и авторизуется.
А чтобы сгенерировать PDF отчет, пользователю достаточно выбрать необходимый период времени. Графики дат строятся на frontend-е, PDF - документ формируется на backend-е и скачивается на устройство пациента.
После разработки функционала мы покрыли приложение тестами. Для backend написали unit test, а для frontend unit и e2e. Для backend использовались Django test, а для frontend - react testing library и Cypress.
***
We created an easy and understandable interface for users. It was important for us to make the interface understandable to people who are not very good at using computers and phones
As technologies we chose the most popular React library for the web version, scalable Django for the server and cross-platform React Native for mobile devices.
Since the web-application was created for mobile and desktop devices, we used mobile first approach in development. The layout is based on Material UI framework. We adapted the Material UI theme to the design system of the application to speed up frontend development.
The application has a lot of interactive elements and interaction with the backend. To organise state management and request caching we used redux and redux toolkit (with RTK).
To send SMS messages we made integration with twilio using SDK for Pyton.
Using Amplify from AWS we developed an authorisation system, we chose a paswordless approach. The user receives a code on his phone, which he enters into the application and is authorised.
And to generate a PDF report, the user just needs to select the required time period. The date graphs are built on the frontend, the PDF document is generated on the backend and downloaded to the patient's device.
After developing the functionality, we covered the application with tests. For backend we wrote unit test, and for frontend unit and e2e. Django test was used for backend, and react testing library and Cypress were used for frontend.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Работа над проекте длилась около 2-х лет и была омрачнена происходящими политическими событиями. По ходу работы нам пришлось прерваться на 3-4 месяца в ожидании стабилизации ситуации. Однако это не произошло и мы релоцировали команду разработки в Армению для завершения работы над проектом.
Скриншоты