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

ЗаказчикООО «ДОКТОР ЛИНЗ КОНСАЛТИНГ«ЗадачаСоздать сайт, который будет адаптирован и под пациентов, и под врачей

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

Про клиента и его задачи

«Доктор Линз» — это сеть клиник, которая специализируется на производстве и подборе ортокератологических линз — такие надевают на ночь, чтобы потом хорошо видеть весь день. В 2002 году компания открыла свой первый офтальмологический кабинет. Сейчас их уже 15, плюс у клиники множество партнёров в 130 городах России и есть филиал в Испании. В 2021-м сеть решила поменять сайт — разработку доверили Cedro.

Какие проблемы были у старого сайта

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

02488f77a2c300a1c0473e8710becb17.png

Первый экран старого сайта «Доктора Линза» 

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

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

10db31ac00cb379356e81f61f2b8f264.png

Текстовые блоки на старом сайте «Доктора Линза» 

В-четвёртых, форма записи на приём. На старом сайте её не было. Только номера телефонов и e-mail.

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

Решения №1 — современный, узнаваемый и функциональный дизайн

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

1b0079fe9b3379de34b8c96de48030ab.png

Крупные фото на новом сайте «Доктора Линза» 

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

Ещё на сайте есть 3D — летающие линзы, который стали отличным дизайн-элементом. А чтобы показать, как видят люди с разными дефектами зрения, мы использовали изображения с чёткими и размытыми фрагментами.

872d88f995d2c02392f11860b2d9834b.png

3D-элементы на новом сайте «Доктора Линза» 

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

7382043739a7c3affa1f5e5956e1b951.png

Инструкции в FAQ на новом сайте «Доктора Линза» 

Решение №2 — продуманный порядок блоков

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

Решение №3 — тексты, в которых легко увидеть главное

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

9f3b6dbb8195f5bdbd67e3fd91363b91.png

Текстовые блоки на новом cайте «Доктора Линза» 

При этом на сайте есть и страницы для врачей — «Специалистам» и «Стать партнёром». Там мы оставили тексты без изменений — все термины сохранены.

Решение №4 — форма для записи на приём

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

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

08b384d1a419215ac7b4e4e390fd9e12.png

Карта с возможностью записаться на приём на новом сайте «Доктора Линза»

Результат

Минимум терминов, лёгкий дизайн и функциональность — вот таким получился сайт «Доктора Линза». Теперь он адаптирован и под пациентов, и под врачей. Для первых — понятные примеры и инструкции в картинках. Для вторых — сложные термины и длинные статьи, но только на страницах «Специалистам» и «Стать партнёром».

Но одни бы мы не справились. Нам помогали управляющий директор компании Тимур Макоев, а ещё вся команда основателей и руководителей клиники. У нас получилась крутая синергия: у «Доктора Линза» было своё видение сайта, а мы верно уловили идеи и воплотили их в жизнь. 

Перейти на сайт

Полный текст статьи читайте на CMS Magazine