Российский поставщик решений для медицины. Компания сотрудничает с государственными и частными клиниками, поставляет оборудование для больниц, лабораторий и службы крови.
В каталоге — более 12 000 наименований медицинской техники, от базовых инструментов до сложных систем визуализации. Имед реализует крупные госпроекты и тендеры, оснащая клиники под ключ — от гинекологии и хирургии до реанимации и лабораторной диагностики.
Мы обновили сайт, связали его с CRM и перестроили архитектуру — так компания, оснастившая 750+ клиник по всей стране, перешла от бумажного каталога на 500 страниц к цифровой системе продаж.
Аналитика
UX/UI дизайн
Frontend
Backend
SEO
Цель
Этот каталог впоследствии поможет менеджерам презентовать продукцию, собирать подборки оборудования и быстро формировать КП
Имед пришёл с запросом создать сайт с каталогом продукции. Старый ресурс имел минимальный набор базовых функций, не отражал масштаб бизнеса и не позволял работать с ассортиментом онлайн.
Нужно было перенести более 12 000 позиций медтехники на новую платформу, сохранить интеграцию с MS Dynamics CRM и сделать сайт удобным для менеджеров и клиентов.
Задачи
•
Разработать SEO-структуру для будущего продвижения и органического трафика.
•
Сделать каталог простым и удобным, с фильтрацией по отделениям, брендам и госпрограммам.
•
Обновить визуальный стиль и показать масштаб и надёжность компании.
•
Интегрировать сайт с CRM, чтобы товары в каталоге всегда были актуальными.
•
Добавить формы обратной связи и быстрый доступ к контактам.
01
Решение
Изучаем, как в Имед устроены продажи
Сделки здесь не совершаются через корзину — речь идёт о многомиллионных контрактах и поставках «под ключ»
Продажи Имед — сложный процесс с участием разных клиентов: главврачей, представителей госструктур, частных клиник и производителей оборудования. Им важно видеть надёжного поставщика с сертификатами и опытом в крупных тендерах.
Поэтому менеджеры используют сайт как цифровой инструмент продаж: на встречах подбирают оборудование, уточняют параметры и формируют подборку прямо на месте.
Раньше для этого приходилось работать с печатными каталогами на сотни страниц, которые быстро устаревали и стоили дорого в обновлении.
02
Анализируем целевую аудиторию
Сайт Имед должен был учитывать интересы нескольких групп пользователей. Для каждой ЦА мы определили свой сценарий поведения, ключевые запросы и точки контакта.
Почему 1−2 клика? У пользователя короткое «окно терпения» — в среднем 3−5 секунд, чтобы понять, что он попал, куда нужно. Если за это время он не видит путь к цели (к товару, контакту или сертификату), он уходит
Сегментирование позволило выстроить структуру так, чтобы каждый пользователь за 1−2 клика находил нужное: тендерные документы, подборку оборудования или форму для партнёрства.
03
Анализ конкурентов
Мы провели анализ коммерческих факторов сайтов конкурентов — в том числе medcomp.ru, medmart.pro, lidermed-ru.com, permedcom.ru.
Исследование показало, что рынок медоборудования отстаёт по уровню цифровизации: сайты устарели, перегружены контентов и не работают на продажи.
•
Ни один из конкурентов не имел полноценной структуры каталога с фильтрацией по отделениям, брендам и госпрограммам.
•
Формы обратной связи и коммерческие предложения на большинстве сайтов отсутствовали или работали неудобно.
•
Нет адаптации под разные типы пользователей — врачей, дистрибьюторов, государственных закупщиков.
•
Региональность и контактность (например, определение города и вывод местных номеров) почти нигде не реализована.
04
Главная страница
Главная страница стала точкой входа в каталог и первой навигационной опорой для пользователя — с неё можно попасть в любую часть сайта. Включила в себя:
•
поиск по оборудованию;
•
быстрые ссылки на разделы: каталог, сервис, компания;
•
баннеры с приоритетными товарами и направлениями, которые компания продвигает прямо сейчас.
05
Каталог оборудования
Ради него на сайт приходят 90% пользователей. Каталог выстроен по трёхуровневой логике, чтобы каждый тип пользователя мог искать оборудование удобным для себя способом.
•
По направлениям — для тех, кто хочет увидеть всё оборудование сразу.
•
По отделениям — для врачей и закупщиков, которым нужно оснастить конкретное подразделение.
•
По госпрограммам — для тех, кто участвует в тендерах и работает по федеральным инициативам.
•
По брендам — чтобы быстро отфильтровать продукцию конкретного производителя или сравнить модели разных марок.
06
Поиск
Чтобы пользователю было проще ориентироваться в огромном ассортименте оборудования, мы сделали многоуровневую систему поиска и фильтрации.
Теперь пользователь сразу видит подтверждения подлинности и может быстро оценить основные характеристики.
Вся информация выстроена по иерархии: от общего к частному. Здесь же — кнопка «Получить консультацию».
Ниже — подборка похожих и сопутствующих товаров, чтобы быстро сравнить варианты и собрать оптимальный комплект под задачи клиники.
08
Формы заявок и персонализация под целевые аудитории
Чтобы заявки с сайта были не просто контактами, а осмысленными обращениями, мы сделали умную форму обратной связи.
Форма связана с внутренней системой учёта и фиксирует обращения по конкретным товарам и заказам.
09
Удобная навигация по длинным страницам
Для информационных разделов и лонгридов мы реализовали встроенную навигацию по содержанию, чтобы пользователи могли быстро переходить к нужным блокам без лишней прокрутки.
На каждой длинной странице — например, в разделе «О компании» — появляется список якорных ссылок, который помогает сразу перейти к нужному разделу: дистрибуция, инфраструктура, социальная ответственность, сотрудничество и т. д.
При клике страница плавно прокручивается к выбранному блоку.
10
Сервис и обслуживание
Имед не только продаёт оборудование, но и берёт на себя обслуживание, настройку и поддержку.
Раздел показывает масштаб: 23 сервисных центра по России. Здесь можно оформить заявку на техническое обслуживание или гарантийный ремонт.
11
Контакты
Здесь пользователь видит:
•
поиск по оборудованию;
•
быстрые ссылки на разделы: каталог, сервис, компания;
•
баннеры с приоритетными товарами и направлениями, которые компания продвигает прямо сейчас.
На сайте реализована интерактивная карта, которая показывает географию присутствия компании.
Пользователь может кликнуть на регион и сразу увидеть контакты местного представительства: телефон, адрес и почту. При наведении активная область подсвечивается.
12
Карьера
Раздел рассказывает о ценностях компании и даёт возможность откликнуться на вакансию.
13
Дизайн
Мы использовали эффект «стерильной чистоты» — знакомый пользователям из медицинской среды, чтобы на сайте чувствовалось то же ощущение, что и в современной клинике: чисто, упорядоченно, спокойно, технологично.
Мы сделали ставку на минимализм: чистые блоки, логичную сетку и сдержанную цветовую палитру.
14
Технологии
Фронтенд и интерфейс
На фронтенде использован Twig как шаблонизатор и Webpack для сборки, оптимизации и управления зависимостями. Вся визуальная динамика реализована с помощью JavaScript и GSAP, чтобы интерфейс оставался лёгким и отзывчивым, а анимации — плавными.
15
План развития
Личный кабинет менеджера
Следующий шаг — внедрение личного кабинета для менеджеров по продажам. Он позволит авторизоваться на сайте, собирать товары прямо из каталога и автоматически формировать коммерческое предложение для клиента.
Архитектура сайта уже спроектирована с учётом этого этапа — система готова к интеграции с CRM и генерации персонализированных предложений.
Отзыв
Максим Смоляков
Проект реализован в полном соответствии с поставленными задачами. Команда Uplab продемонстрировала высокий уровень профессионализма: провела глубокий анализ, предложила оптимальные решения и обеспечила качественную интеграцию с MS Dynamics CRM.
Работы выполнены в срок, с соблюдением всех требований к функциональности и информационной безопасности.
Менеджер отдела онлайн-торговли
Команда
Менеджер проекта
Екатерина Волкова
Аналитики
Алина Шульницка Алексей Андреев
Backend разработчики
Олег Викторов Александр Мечинзов
Frontend разработчики
Эмиль Тухватуллин Дмитрий Мекеров Нина Альтенталлер
Комментарии к статье
Комментарии: 0