Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Mediahead
Сайт сети клиник «Деломедика»
Mediahead
#Сайт под ключ#SEO под ключ#Копирайтинг

Сайт сети клиник «Деломедика»

94 
Mediahead
Mediahead Россия, Москва
Поделиться:
Сайт сети клиник «Деломедика»
Клиент

Деломедика

Сфера

Медицина

Регион

Россия, Москва

Тип сайта

Корпоративный сайт, Порталы и сервисы

Сдано

Март 2024

Задача

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

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

Решение

В рамках проектирования глубокой переработки проекта были сформулированы и решены основные задачи:

– оптимизация пользовательской структуры сайта;

– повышение удобства пользователей, в первую очередь на мобильных устройствах упрощение навигации;

– повышение узнаваемости бренда в сети;

– снятие ограничений в развитии проекта;

– создание оптимальной структуры хранения данных для возможностей быстрого развития;

– улучшение факторов, оцениваемых поисковыми системами;

– облегчение управления информацией;

– повышение уровня безопасности;

– возможность масштабирования и работа под высокой нагрузкой.

1Все для смартфонов

Пользователи смартфонов — это 86% посетителей сайта (статистика за последний квартал сайта). Поэтому первые прототипы интерфейса были разработаны именно для мобильных устройств. Мы разработали удобную мобильную версию сайта. Теперь меню выглядит простым и понятным, благодаря тап-бару. 

2Десктопная версия

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

В видимую область посадочной страницы всегда попадает основная ценность продукта в Деломедика, условия и цена. Кнопка совершения действия (записаться, подать заявку) всегда остаётся в видимой области при скролле страницы, чтобы посетитель мог отправить заявку без лишних поисков и затрат времени.

Для десктопа был разработан лендинг по Личным кабинетам Деломедики, позволяющий Вам подробнее ознакомиться с продуктом и «прощупать» его через демо-доступ.

3Эмоциональный контакт с потребителем

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

Чтобы посетитель не упустил возможность сэкономить, был разработан раздел акций и выгодных предложений. Для этого было отрисовано более 20 баннеров комплексных услуг.

4Универсальные компоненты

Для удобства развития проекта была создана система компонент пользовательского интерфейса (UI kit), применимых для построения новых страниц или элементов. Компонентный подход также облегчает и ускоряет дальнейшее развитие проекта с точки зрения написания программного кода.

5Разрозненный контент

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

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

6Новая структура данных. Города

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

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

7Запись ко врачу

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

8Оптимизация контента

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

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

9Новая система поиска

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

Быстрый поиск

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

Полный поиск

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

Результат

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

ПОСЕТИТЬ САЙТ ДЕЛОМЕДИКИ ▾▾▾

https://delomedika.ru/

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Mediahead с удовольствием обсудит вашу задачу

Оставить заявку