Редизайн-терапия: как мы «лечили» Деломедику от проблем с UX/UI

Наша команда Mediahead сотрудничает с компанией «Деломедика», которая занимается медицинским обслуживанием для всех – от частных лиц до бизнес-гигантов, предлагая только лучших экспертов и оборудование.

Мы работали над глобальным обновлением сайта Деломедики и хотим показать основные нововведения, реализованные в рамках редизайна сервиса.

Анализ прошлой версии сайта

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

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

Задачи

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

Внизу экрана теперь зафиксировано меню (тап-бар) для более удобной и быстрой навигации по сайту.

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

Спрятали SEO-тексты после основной информации в блоки-дропдауны. Такое решение помогает не перегружать страницу лишней информацией, в то же время выводя ее в топ поисковых систем.

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

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

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

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

Если вам лень зумить карту, просто посмотрите список — там все медцентры, которые находятся поблизости, отмечены тегом «рядом с вами».

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

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

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

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

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

Полный поиск

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

— Технологический стек «Деломедики»

— Кейс: редизайн сайта театра «Сатирикон» – существенно обновили подход к дизайну

— Индивидуальная разработка сайта или готовое решение: что и когда выбрать?

Контакты

Почта – hello@mediahead.ru

Мы на Behance