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

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

Заказчик: ООО «ДОКТОР ЛИНЗ КОНСАЛТИНГ»
Исполнитель: дизайн-студия Cedro

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

0
32 комментария
Написать комментарий...
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Сedro
Автор

мобильная версия — это само собой разумеющееся) 

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Сedro
Автор

потому что это красиво 

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Dasha Bessolitsyna

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

Ответить
Развернуть ветку
Михаил Хананашвили

Честно говоря, плохо, все мнения о нелогичности и отсутствие "удобной" структуры идут из субъективного восприятия. а спросить как пользователям? Может там всё ок... в общем, спасибо, конечно
имхо

Ответить
Развернуть ветку
Vasek Romanov

Понравилось. Только круглые большие кнопки незаметные. 

Ответить
Развернуть ветку
Сedro
Автор

Спасибо! Зато при наведении на них картинки блюрятся — дополнительный акцент.  

Ответить
Развернуть ветку
Dasha Bessolitsyna

Очень странное объяснение) ну правда

Ответить
Развернуть ветку
Vladislav Yakunin

Легко и стильно, мне нравится!

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

Ответить
Развернуть ветку
Сedro
Автор

Спасибо! Вполне возможно, что так и есть, — давайте посмотрим, как поведет себя ЦА, и убедимся в этом наверняка. Поставили себе галочку по поводу Вашего комментария 👍 

Ответить
Развернуть ветку
Анастасия Сарвилина. Английский для начинающих

Красиво получилось 👍

Ответить
Развернуть ветку
Сedro
Автор

Спасибо 😉

Ответить
Развернуть ветку
Олег Олегович

Ребята, сколько стоила разработка проекта?

Ответить
Развернуть ветку
Сedro
Автор

ответили в сообщения) 

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Сedro
Автор

нет, отвечаем тем, кому это интересно, в личном порядке 

Ответить
Развернуть ветку
Татьяна Жадан

Напишите, пожалуйста, и мне стоимость

Ответить
Развернуть ветку
Сedro
Автор

Готово :)

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Сedro
Автор
Ответить
Развернуть ветку
Олег Олегович

ответили в Директ.

Ответить
Развернуть ветку
zulus
Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Олег Олегович

да это же 😍😍😍 Tilda 😍😍😍 от 120к 

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Кирилл Дронов

На WP можно сделать так, как было на старом сайте. А можно и конфету. 

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Сedro
Автор

никто и не говорит, что WP плох, речь только о популярных шаблонах, которые часто используют, и поэтому они надоедают 

Ответить
Развернуть ветку
Dasha Bessolitsyna

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

Ответить
Развернуть ветку
29 комментариев
Раскрывать всегда