Задача
Компания с 1992 года занимается научными разработками для медицины, а с 2021 года выпускает серийное оборудование: реабилитационные комплексы «Корвит» и диагностические «ДиаСлед». Старый сайт korvit.org устарел, контент обновить было нельзя — прежний разработчик пропал. При этом у каждого продукта, в том числе нового, должна быть своя страница, которую можно отправить клиенту как презентацию.
Задача — собрать из этого единую экосистему: корпоративный сайт и сайты продуктов выглядят как одно целое, а сотрудники без навыков вёрстки сами правят тексты, фото, документы и видео.
Аудитория — B2B: больницы, реабилитационные центры, санатории, врачи, дилеры и участники закупок. Врачу нужны методика и характеристики, руководителю — документы и аргументы для закупки. Сайт отвечает обоим.
Что сделано
- ТЗ как основание для приёмки: структура каждого сайта, функции, сроки и границы объёма. Вместе с заказчиком упростили часть объёма, чтобы успеть к выставке.
- Прототипы и дизайн в Figma: единая дизайн-система (шапка, подвал, типографика, карточки, формы) и свой цветовой акцент у каждого продукта. Макеты под компьютер, планшет и телефон.
- Вёрстка на чистых HTML, CSS и JS по БЭМ, без конструкторов, затем перенос на WordPress: одна общая тема и библиотека блоков для всех сайтов.
- Каждый сайт — на своей установке WordPress с общей кодовой базой: поломка или обновление одного не задевает остальные, а правка общего элемента делается один раз.
- Форма заявки и обратный звонок с защитой от спама и журналом заявок в админке, разрешительные документы с просмотром и скачиванием PDF.
- Видео с RuTube через заглушку, чтобы не тормозить страницу; перекрёстная навигация между сайтами, SEO-разметка, аналитика.
- Админка только с нужным сотрудникам и на русском, видеоинструкция и обучающий созвон для заказчика.
Веб версия
Мобильная версия
Результат
Работают три сайта первой очереди: корпоративный vitmedtech.ru, сайт комплекса «Корвит» (korvit.org) и сайт диагностического комплекса «ДиаСлед» (diasled.ru) — на единой теме, в одном стиле, с переходами между собой.
Сотрудники сами меняют тексты, фото, документы, видео, контакты и меню. Контакты и реквизиты правятся в одном месте и сразу обновляются на всех страницах. Сайт «Корвита» отправляют клиентам как презентацию оборудования, а документы и методика под рукой на закупках и тендерах.
Проект продолжается: в работе сайты InnoSEAL и «Кровостоп», следом — английские версии всех пяти сайтов. Новые сайты собираются на готовой теме и блоках, поэтому делаются заметно быстрее первых.
