Business-up
Создание лендинга для медицинского учреждения «ЗДОРОВАЯ СПИНА»
Landing page
Яндекс Директ
Содержание
- Частная клиника «Архимед» фокусируется на профилактической медицине. Здесь выполняются ультразвуковые исследования, снимаются кардиограммы, устанавливаются холтеры и проводятся анализы в собственной лаборатории. В студии был разработан сайт клиники, который соответствует ее высокому статусу и квалификации врачей.
- Студия Лебедева разработала для АрхиМед новый дизайн современный, премиальный, соответствующий уровню клиники
- На этом этапе были определены ключевые точки входа и логика взаимодействия с сайтом.
- Результат: Готовая вёрстка, которая выглядит на 100% как в макетах Студии Лебедева
- Старый сайт клиники был обвешан интеграциями:
- Результат: Новые страницы интегрированы в Битрикс, ничего не сломалось, старый функционал работает стабильно
- Добавили умные фильтры на странице всех врачей
- Результат: Время поиска нужного врача сократилось с 5-7 минут до 30 секунд
- Разместили виджет бронирования на странице каждого врача
- Результат: Доля онлайн-записей выросла на 40%.
- Провели комплексное тестирование сайта: проверили работу всех форм, фильтров на карте, корректность отображения на разных устройствах и в разных браузерах.
- Результат: Навигация стала понятной, пациенты перестали путаться в услугах
- 50% трафика клиники приходит с мобильных устройств
- Результат: Сайт работает одинаково хорошо на всех устройствах
- Что получилось в итоге
Задача
Студия Лебедева разработала для АрхиМед новый дизайн современный, премиальный, соответствующий уровню клиники
Проблема
Сайт клиники не способствовал росту, а наоборот, замедлял его развитие, несмотря на наличие более 50 высококвалифицированных специалистов, современного оборудования и хорошей репутации.
Задача
Интегрировать и сверстать дизайн от Студии Лебедева в работающий сайт на «1С-Битрикс», не нарушив текущий функционал: CRM, запись и базу пациентов. Дополнительно внедрить новый инструментарий для пользователей: фильтры, виджеты бронирования и улучшенную навигацию.
Этап 1. Верстка
На этом этапе были определены ключевые точки входа и логика взаимодействия с сайтом.
Добавили анимации:
-
Блоки с центрами компетенций плавно появляются при скролле
-
Микровзаимодействия на кнопках и формах
-
Плавные переходы между страницами
Проверили, что всё работает одинаково хорошо на:
-
Десктопах
-
Планшетах
-
Смартфонах
Результат: Готовая вёрстка, которая выглядит на 100% как в макетах Студии Лебедева
Этап 2. Интеграция в Битрикс
Старый сайт клиники был обвешан интеграциями:
Мы обновляли страницы по частям:
-
Главная страница
-
Страница «Все врачи»
-
Страница врача
-
Общая страница направлений
-
Страница направления (например, «Центр гастроэнтерологии»)
-
Услуги направления
-
Страница комплексной услуги
Результат: Новые страницы интегрированы в Битрикс, ничего не сломалось, старый функционал работает стабильно
Этап 3. Фильтры
Добавили умные фильтры на странице всех врачей
Проблема:
-
Пациенты тратили 5-7 минут на поиск нужного врача среди 50+ специалистов
Решение:
-
Разработали систему фильтров
Теперь пациент может отфильтровать врачей по:
-
Специализации (гастроэнтеролог, кардиолог, дерматолог и т.д.)
-
Центру компетенций (например, только врачи из Центра гастроэнтерологии)
-
Стажу работы (от 5 лет, от 10 лет и т.д.)
Результат: Время поиска нужного врача сократилось с 5-7 минут до 30 секунд
Этап 4. Виджеты
Разместили виджет бронирования на странице каждого врача
На странице каждого врача разместили:
-
Список услуг, которые оказывает этот врач
-
Цены на каждую услугу
-
Виджет бронирования
Результат: Доля онлайн-записей выросла на 40%.
Этап 5. Структурировали направления по центрам компетенций
Провели комплексное тестирование сайта: проверили работу всех форм, фильтров на карте, корректность отображения на разных устройствах и в разных браузерах.
Разделили направления фильтрами по центрам компетенций:
-
Пациент заходит в раздел «Направления» и видит 12 блоков с центрами
Центр гастроэнтерологии и эндоскопии
-
Центр кардиологии
-
Центр лучевой диагностики
Результат: Навигация стала понятной, пациенты перестали путаться в услугах
Этап 6. Привязали отзывы и оборудование к страницам
Что добавили:
-
Отзывы пациентов на страницах врачей
-
Фото оборудования на страницах направлений (показываем, на каком оборудовании проводятся процедуры)
Этап 7. Мобильная версия
50% трафика клиники приходит с мобильных устройств
Что сделали:
-
Адаптировали дизайн под маленькие экраны
-
Оптимизировали фильтры (на айфонах они изначально «ехали» — кнопки накладывались друг на друга)
-
Исправили баг с виджетом бронирования на Safari (Safari блокировал скрипт из-за настроек безопасности нашли обходное решение)
-
Проверили скорость загрузки (анимации не должны тормозить сайт на мобильных)
Результат: Сайт работает одинаково хорошо на всех устройствах
Итоги проекта
Что получилось в итоге
Результаты проекта
-
Поиск врача за 30 секунд, фильтры показывают только подходящих специалистов
-
Цены указаны на странице каждого врача
-
Доля онлайн-записей выросла на 40%
-
Направления структурированы по 12 центрам компетенций с удобными фильтрами
-
Сайт работает стабильно на всех устройствах
-
Нагрузка на колл-центр снизилась
Что получила клиника
-
Премиальный дизайн от Студии Лебедева, интегрированный в Битрикс без потери функционала
-
Удобную навигацию: пациенты находят нужного врача за 30 секунд, а не за 5-7 минут
-
Рост онлайн-записей на 40%: пациенты записываются прямо с сайта, не звонят в колл-центр
-
Снижение нагрузки на колл-центр: меньше звонков с простыми вопросами «сколько стоит» и «как записаться»
-
Масштабируемость: добавить нового врача или запустить новое направление можно за несколько минут через админку
Подобрали для вас
Разработка презентации с каталогом продукции Машиностроительного завода «Мираторг»
Брендинг (дизайн — полиграфия)
Презентации
Масштабирование процесса
Готовы
масштабировать
ваш бизнес?
Расскажите нам о своей задаче и мы свяжемся с вами в течение двух часов
Константин,
Илья,
