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