Разработка дизайна онлайн-сервиса для заботы о здоровье Domatest

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

«Доматест» — онлайн-сервис для заботы о здоровье. Пользователь может выбрать медицинское исследование и сдать анализы не выходя из дома. Без очередей, ожиданий и неопределенности.

Цели проекта:

— Разработать интуитивно понятный интерфейс, который поможет любому пользователю легко подобрать необходимое медицинское исследование;

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

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

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

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

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

Создали яркий фирменный стиль, непохожий на другие медицинские сайты.

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

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

Позаботились о том, чтобы элементы фирменного стиля хорошо смотрелись и на физических носителях.

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

Так как проект может дорабатываться и эволюционировать, в основу проекта заложили единую дизайн-систему. В ней собрали правила использования элементов в дизайне. Эти правила можно и нужно применять к новым услугам и разделам сервиса. Дизайн-система сокращает время на создание новых разделов и работу с уже существующими.

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

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

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

Проработали удобный и понятный каталог. Все исследования разбили по карточкам-группам, например «Иммунитет», «Ковид», «Инфекции».

Добавили два фильтра, которые упрощают подбор нужных анализов:

1) По категории: регулярные, сезонные, популярные и так далее;

2) По виду биоматериала: кровь, мазок, слюна и так далее.

В результате поиск нужного исследования занимает у пользователя минимум времени.

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

— Название исследования;

— Описание исследования;

— Как подготовиться к исследованию;

— Как будет проходить забор анализов;

— Какие могут быть показания для назначения исследования;

— Через сколько времени придут результаты исследования;

— Стоимость.

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

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

Разработали анимацию такой, чтобы она соответствовала трём ключевым принципам:

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

2) Делает интерфейс более эстетичным, чтобы им было приятно пользоваться. Мы проработали плавные переходы, смену цветов и прорисовку карточек с использованием градиентов и различных цветовых оттенков.

3) Соответствует бренду и дополняет общую концепцию дизайна. Мы тщательно продумали стилистику, чтобы она гармонично вписалась в разработанный фирменный стиль.

Перенесли всю функциональность веб-версии сервиса в мобильный формат.

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

В мобильной версии сделали ещё больший акцент на простоту, минимализм и чистоту интерфейса, чтобы компактно и рационально разместить все функции на небольшом экране.

Пользователи мобильного приложения получили тот же приятный дизайн и функционал. В приложении можно так же просто и удобно подобрать необходимое исследование, изучить подробное описание каждого анализа, выбрать врача и оформить заявку. А результаты тестов и история обращений будут доступны в личном кабинете.

Клиент получил готовое визуальное решение для своего продукта:

1) Уникальный фирменный стиль, включающий логотип, цветовую палитру и графические элементы. Стиль передаёт идею заботы и внимания к клиентам.

2) Продуманный пользовательский интерфейс с анимациями, которые упрощают взаимодействие с сервисом и делают его более привлекательным для клиентов.

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

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