О проекте

Клиент

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

Задача

Цели проекта

Этапы работы

Проект выполнили
в четыре этапа:

Айдентика

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

Логотип

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

Визуальный стиль

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

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

Дизайн-система

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

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

UX-дизайн сайта

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

Главная страница

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

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

Каталог

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

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

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

Карточка исследования

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

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

Карта

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

Анимации

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

Дизайн мобильного
приложения

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

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

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

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

Результат

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

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

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