Подробнее

Инкарт

Диспетчер удаленной обработки

Цифровой продукт, интерфейс, UX-UI дизайн, фронтенд-разработка

2021-2024

Отрасль

Медицина

MedTech

IT

Что сделали

Аналитика

Проектирование

Прототипирование

UX-UI дизайн

Фронтенд-разработка

Заказчик

Инкарт. Институт кардиологической техники. Производитель оборудования
и ПО для проведения холтеровского мониторированияи электрокардиографии.

О проекте

Диспетчер удаленной обработки (далее «Диспетчер») — это медицинский цифровой сервис, инструмент для обмена информацией между медперсоналом о проводимых кардиологических обследованиях. Позволяет отслеживать статусы обследований и передавать заключения доктора медсестре
и пациенту.

Цели проекта

  • Модернизировать старое программное обеспечение.
  • Соотвествовать требованиями законодательства
    к разработчикам ПО
    в медицинской сфере для государственных учреждений. Для этого необходимо, чтобы ПО было разработанно
    с использованием опенсорс решений и исключало зависимость от операционной системы.
  • Сделать интерфейс сервиса более современным, удобным и простым для решения задач медперсонала.
  • Сделать сервис более гибким для расширения функционала, чтобы его можно было проще
    и быстрее модернизировать, обновлять и обслуживать, чем предыдущую версию.
  • Уменьшить нагрузку на отдел технической поддержки.

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

Задачи

  • Ознакомиться с имеющейся версией ПО и погрузиться
    в проект.
  • Разработать новый, более современный и удобный дизайн интерфейса Диспетчера.
  • Разработать FrontEnd
    на основе новых дизайн-макетов.

Что мы сделали

  1. Провели комплекс работ
    по предпроектной аналитике
    и агрегации требований.
  2. Провели интервью и брифинги с командой заказчика, изучили имеющуюся документацию
    и инструкциипо проекту.
  3. Выявили и сформулировали цели и задачи стейкхолдеров, описали группы пользователй
    и пользовательские сценарии, описали необходимую функциональность.
  4. Составили поэтапный план работ и написали технические задания на каждый этап.
  5. Разработали кликабельные прототипы в Figma.
  6. Собрали обратную связь
    от технической поддержки заказчика и представителей пользователей.
  7. Разработали дизайн нового интерфейса (UX-UI) с учетом того, что разработка фронтенда будет реализованана основе библиотеки Vuetify с Material Design на борту,в соответствии с запросом заказчика.
  8. Разработали фронтенд на Vue
    с Vuetify.
  9. Передали команде заказчика готовый фронтенд-проект для дальнейшей разработки
    и интеграции с его сервисами.
  10. Сопровождаем
    и поддерживаем разработку этого сервиса.

Технологии проекта

HTML5

CSS3

JavaScript

Vue

Vuetify

Vite

решение

Страница авторизации
с возможностью быстрого переключения между заранее добавленными пользователями (сотрудниками клиники)

Главный экран «Диспетчера»

Динамические фильтры

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

Простая и наглядкая индикация статусов обследований с уже привычным для медперсонала цветовым кодированием

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

Уведомления и подсказки медперсоналу внутри превью-карточек обследований

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

Пресеты для быстрой фильтрации по дате

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

этот кейс
мы ещё
оформляем

Возвращайтесь
посмотреть его позже.

Чтобы не пропустить
анонс и другие новости

студии, подпишитесь
на наш Телеграм-канал.

Есть задача для нас?

давайте создадим

что-нибудь крутое удобный продукт стильный сайт современный сервис узнаваемый бренд