Как мы с нуля запустили сайт и приложение для клиник DocMed и DocDent и увеличили конверсию записи к врачу в 2 раза

DocMed, DocDeti и DocDent — одни из самых крупных клиник доказательной медицины. В офлайне у них заботливые врачи, уютные кабинеты и современный подход к лечению. А в онлайне — удобный сайт и приложение с личным кабинетом, в котором надежно хранится медицинская история всей семьи. А мы — те, кто помогал им это запустить.

Мы студия дизайна и разработки MAX. Запускаем продукты, которые улучшают повседневную жизнь людей. Это мы спроектировали первый Самокат, приложения для Пятёрочки, ВкусВилла и Skyeng. А еще помогли DocMed и DocDent с первых дней стать любимыми клиниками своих пациентов.

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

Когда бизнес вырос и пришло время открывать взрослое и стоматологическое направления, основательнице хотелось перевести этот особенный подход и в цифровую среду. Чтобы человек, который зайдет на сайт или откроет приложение, чувствовал то же, что и в «живой» клинике: доверие и заботу.

Клиника хотела заявить о себе как о современной, человечной и экспертной. Для разработки сайта и приложения маркетинговый директор клиники искал не просто подрядчиков, а партнеров, которые погружаются в продукт, исследуют и влияют на метрики бизнеса. Он увидел наши проекты для ВкусВилла и Пятёрочки и понял, что мы умеем делать не по шаблону: не боимся заходить в проект с головой, исследовать, спорить, предлагать, переделывать и искать то самое решение, которое решит задачу бизнеса. Так и началась наша совместная работа.

Клиники DocMed и DocDent запускали с нуля: у них не было сайтов, приложений и визуального стиля. Наша задача — вывести клиники на рынок доказательной медицины и повысить выручку сети за счет позиционирования и цифровых продуктов: сайта и мобильного приложения. Сделать их удобными для пациентов и усилить позиции клиники на рынке. А еще сделать так, чтобы философия бренда чувствовалась в каждом цифровом решении.

Для клиники, где в холле стоит горка, шаблонные решения точно не подойдут

Мы взяли на себя всё:

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

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

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

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

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

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

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

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

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

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

Так родилась идея «надутости»: мы перенесли ее в иконки, в формы элементов интерфейса, в шрифтовые акценты. Иконки получились объемными, округлыми, почти домашними — такими же, как и сама атмосфера клиник.

При этом мы сохранили историю бренда. Первый логотип клиники нарисовал ребенок — и мы не стали его переделывать, а аккуратно доработали.

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

Мы выстроили процессы так, чтобы у команды клиники был полный доступ ко всему, что происходит на проекте:

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

В прототипах мы до мелочей продумываем структуру сайта и сценарии поведения пользователя: как он будет выбирать врача, на каком шаге может запутаться, где важно сократить путь или добавить объяснение. Например, для сайта DocMed продумали удобную страницу с картой: расписали, как доехать, где припарковаться, как пройти. Сайт сразу подсказывает, какой филиал ближе, показывает время работы и помогает быстро попасть к врачу.

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

Дальше — дизайн. Мы наложили на структуру тот самый визуальный стиль, который придумали для клиники:

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

Мы продумали формат видеовизиток: написали короткие гайды, помогли с фоном для съемки. Видеовизитки стали одной из самых теплых и эффектных фич на сайте: люди действительно стали выбирать врача не только по опыту, но и по ощущению, как будто заранее уже побывали на приеме.

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

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

В России всего несколько провайдеров, которые работают с данными в формате ЕГИСЗ, и ни у одного из них не было нормальной документации. Не было API, SDK, гайдов — ничего. Некоторые подрядчики давали доступ к коду, но не объясняли, как с ним работать. Поэтому нам пришлось буквально разбирать всё вручную:

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

Работа заняла несколько месяцев и была самым сложным этапом проекта. Но именно она позволила создать полноценный цифровой личный кабинет пациента с данными всей семьи, а не просто формой записи на прием.

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

Такой уровень цифрового сервиса до сих пор недоступен даже многим крупным медицинским сетям, и для DocMed и DocDent он стал настоящим конкурентным преимуществом.

Сеть клиник DocMed стала лидером среди клиник доказательной медицины всего за год. Люди начали рекомендовать клинику, и бренд быстро набрал узнаваемость как в офлайне, так и в онлайне.

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

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

Если вам близок наш подход — напишите нам. Поработаем вместе. Мы умеем глубоко исследовать продукты и превращать их в удобный и прибыльный для бизнеса сервис 👇

Можно написать нашему коммерческому директору Вадиму в личные (@max_vadim) сообщения или на почту (sales@max-newschool.com) — мы гарантировано предложим лучшее предложение на рынке!