«Вектор-Бест»: сайт производителя технологических решений в области лабораторной диагностики

От аналитики и проектирования сайта до разработки сервиса с англоязычной версией
vector-best.ru Запросить оценку
АО «‎Вектор-Бест» — ведущая международная компания в области разработки, производства и внедрения технологических решений для лабораторной диагностики заболеваний человека и животных. Компания выпускает более 1000 наименований продукции для ИФА, ИХЛА, real-time ПЦР, клинической биохимии, коагулологии и экспресс-диагностики. Продукцию и технологии «‎Вектор-Бест» используют более 6000 лабораторий по всему миру.
Заказчик обратился к нам в 2020 году с запросом на аналитику, проектирование и дизайн нового сайта с функциями веб-сервиса (верстку и разработку изначально планировал выполнить своими силами). Прежний сайт устарел как в технологиях, так и визуально, что противоречило образу передовой компании в сфере биотехнологий. Для развития функциональности и внедрения новых сервисных решений требовалась разработка сайта с нуля. Это послужило началом длительного сотрудничества.
Прототип
Прототип
В течение следующих трех лет мы сначала осуществляли техническую поддержку цифровых продуктов компании, а затем разработали новый сайт, добавили версию на английском языке для международной аудитории и расширили функциональность личными кабинетами для партнеров.

Аналитика и дизайн нового сайта

Первоначально требовалось создать стандартный корпоративный сайт, дополненный каталогом, личным кабинетом и простой корзиной — с запросом обратной связи для завершения оформления заказа.
Страница «О компании»
Страница «О компании»
За основу архитектуры и контента был взят действующий сайт, однако весь интерфейс предстояло пересобрать заново, чтобы добиться более понятного и предсказуемого пользовательского опыта. Мы начали с аналитики и создания прототипов всех разделов и детальных страниц.
Каталог
Каталог
На первом этапе структура мало отличалась от стандартного корпоративного сайта компании.
Первоначальная структура сайта
Первоначальная структура сайта
Исключение составляли разделы «Информационные материалы» (позднее был переименован в «Базу знаний») и «Календарь событий вебинаров». Для этих разделов заказчик предоставил объемную базу текстовых и видеоматериалов. Ее предстояло дополнительно структурировать, настраивать связи с карточками продуктов и услуг. На этом этапе мы исследовали бизнес-процессы компании, особенности продуктов и взаимодействия с клиентами.
Информационные материалы на сайте
Информационные материалы на сайте
В дизайне мы придерживались актуальных стандартов фирменного стиля, которые незадолго до этого были разработаны силами заказчика. Изучали сайты зарубежных научных и исследовательских компаний, чтобы выявить лучшие практики и решения в дизайне. Так была найдена идея анимированных переходов между блоками с изменением цвета.
Пример анимации переходов
Пример анимации переходов

Разработка первой версии сайта

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

Для разработки была выбрана CMS 1С-Битрикс, что в дальнейшем позволило нам беспрепятственно расширять функциональность, а заказчику — администрировать контент, добавлять карточки нового оборудования и наборов продукции. 

Страница авторизации
Страница авторизации

Помимо улучшенного дизайна и пользовательского опыта, большим преимуществом нового сайта стали удобные личные кабинеты пользователей с разными ролями: маркетологов, администраторов и других. Функциональность личных кабинетов позволила эффективно решать бизнес-задачи и автоматизировать рутинные операции в компании: 

  • формирование расчетных листков;

  • управление накладными и отчетами;

  • контроль движения продукции и остатков;

  • автоматизация рассылки документов и уведомлений и пр.

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

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

Разработка версии на английском языке

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

Поддержка и расширение функциональности сервиса

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

  • новый раздел «Регистрационные удостоверения»,

  • модульный просмотр документов с возможностью рассылки;

  • разделение прав доступа по ролям пользователей;

  • массовое скачивание файлов и пр.

Итоги

Новый сайт компании «Вектор-Бест» стал современным и многофункциональным бизнес-инструментом. Пользователи могут легко находить нужную информацию, работать с документами, получать доступ к продукции и участвовать в вебинарах. Администраторы получили удобную панель управления контентом, а компания — имиджевую платформу, отражающую статус технологичного и современного производителя.
бюджет подобного проекта
от 3 000 000 руб.
срок разработки
от 12 месяцев

Запросить оценку

Оставьте заявку на оценку через форму

Свяжемся в ближайшее время.

Не хотите ждать? Звоните +7 (383) 247-90-37