Всероссиийская коллекция микроорганизмов

Для новой готовой структуры сервиса библиотеки ВСЕРОССИЙСКАЯ КОЛЛЕКЦИЯ МИКРООРГАНИЗМОВ - ВКМ , нам необходимо было придумать фирменный стиль, логотип и дизайн для всех страниц. Разработать современный дизайн и реализовать каталог микроорганизмов с удобной системой поиска и фильтрации, отражающий научный статус учреждения. Отдельной задачей стала перерисовка логотипа организации — с сохранением фирменного зелёного цвета и обновлением до современного уровня точности и качества векторного исполнения. Помимо веб-версии, требовалась полноценная мобильная адаптация и шаблон письма для уведомлений о заказах штаммов.

Проект ВКМ имеет выраженную научную специфику: каталог содержит сотни позиций с разнообразными биологическими параметрами, а фильтры формируются динамически из базы данных. Дизайн не мог опираться на фиксированный набор категорий — он должен был корректно работать с любым набором фильтров, который возвращает БД. При этом интерфейс должен оставаться интуитивным как для учёных, так и для представителей промышленных предприятий.

Отдельным вызовом стал подбор иллюстративного контента: для научного каталога микроорганизмов было принципиально важно соблюдение авторских прав и лицензионной чистоты всех изображений. Часть иллюстраций создавалась с помощью ИИ-инструментов, часть подбиралась из лицензионно чистых источников.

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

Существующий логотип ВКМ был перерисован в векторе с высокой точностью воспроизведения оригинала. Работа велась итерационно: промежуточные версии сравнивались с эталоном, вносились правки по форме и пропорциям. Финальный логотип выполнен в фирменном зелёном цвете и передан в форматах SVG, AI и PNG для использования как на сайте, так и в полиграфических материалах.

Дизайн разрабатывался итерационно с регулярными созвонами через Яндекс Телемост. Концепция строилась на сочетании научной строгости и современного цифрового интерфейса: сдержанная цветовая палитра с акцентными зелёными элементами, типографика с чёткой иерархией заголовков и технических характеристик.

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

Отдельное внимание уделялось:

Каталогу и поиску — фильтры выводятся динамически из БД, дизайн не привязан к конкретному набору параметров и корректно работает с любым количеством фильтров

Карточке культуры — структурированное отображение научных характеристик штамма, условий хранения, применения и формы заказа

Многоуровневому меню — чёткое визуальное разграничение пунктов меню, подменю и под-подменю как в десктопной, так и в мобильной версии

Шаблону письма — оформление уведомления о заказе штамма в фирменном стиле

Для hero-секций и сопроводительных иллюстраций был сформирован банк изображений микроорганизмов с соблюдением всех лицензионных требований. Часть визуальных материалов была создана с помощью ИИ-генерации — с акцентом на научную достоверность и эстетическое качество.

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