Производство и ассортимент на одном сайте
«Новелхим» — производитель химической продукции. Мы создали сайт, который представляет компанию и организует большой ассортимент для разных категорий заказчиков. Корпоративный дизайн соседствует со структурированным каталогом: пищевые производства, прачечные, клининг и индустриальные задачи получают собственные разделы. Проект должен был передать характер производителя и помочь посетителю перейти от общего направления деятельности к конкретным средствам.
На первом экране используется фотография лабораторной работы под синим цветовым слоем. Рядом с рассказом о компетенциях доступен PDF-каталог. Посетитель сразу получает два пути: знакомиться с компанией в браузере или перейти к отдельному документу об ассортименте.
Два уровня навигации для разных вопросов
Верхняя строка посвящена организации: компания, команда, контрактное производство, дилеры, карьера и контакты. Ниже расположено предметное меню по направлениям применения продукции. Эти уровни не смешивают вопрос «с кем я буду работать» с вопросом «какое средство мне нужно». Контакты и заказ звонка остаются в шапке рядом с обоими маршрутами.
Раскрытый раздел стирки и химчистки содержит категории средств, а также отдельный блок с предложением стать дилером. В одной панели соседствуют поиск продукта и начало партнёрского разговора. Это конкретная особенность показанного интерфейса, соответствующая задаче обращения к разным аудиториям.
Каталог говорит на языке области применения
В разделе пищевой промышленности боковая навигация разделяет отрасли: мясное, молочное, кондитерское и другие производства. Ниже находится фильтр по области применения. В основной колонке видны фотографии канистр, названия составов, пояснения назначения и кнопки перехода к подробностям; рядом предлагается скачать документацию.
В разделе средств для стирки показан фильтр по кислотности: щелочные, кислотные и нейтральные варианты. Такой параметр относится к свойствам продукта, а не к его оформлению. Каталог предоставляет предметные основания для сужения выбора, сохраняя возможность прочитать полное описание и документацию перед окончательным решением.
Товар объясняется ещё до открытия карточки
Каждая товарная строка содержит упаковку, название и развёрнутое пояснение. Под описаниями размещены краткие метки свойств и состава. Для NG EFFECTCLEAN и NG CLEANWELL прямо в выдаче представлены разные назначения и характеристики. Большую часть пространства занимает предметная информация: тип средства, его применение и особенности, которые важно прочитать до перехода к дальнейшему обсуждению продукции.
Основные действия в каталоге — перейти к подробностям, скачать документацию и обратиться по поводу дилерской работы. Такая подача соответствует профессиональному характеру продукции. Посетителю предлагается изучить средство и продолжить разговор с производителем, а выбор поддерживается описаниями и фильтрами. Фотография упаковки служит дополнительным ориентиром рядом с техническим и прикладным содержанием.
Корпоративная часть сохраняет собственное содержание
Кроме ассортимента, сайт показывает новости, организации, с которыми работает производитель, и блок компетенций. В новостной сетке представлены материалы о качестве, выставках и итогах года. Логотипы заказчиков соседствуют с рассказом о разработке химии, а отраслевые блоки раскрывают деятельность компании. Корпоративная часть получает собственное содержание, которое дополняет каталог и объясняет, кто стоит за продукцией.
Мы адаптировали сайт для разных устройств, подключили инструменты аналитики и продолжаем техническое сопровождение. Для производителя это сохраняет возможность обновлять ассортимент и корпоративные материалы в рамках одной площадки. Разделы о компании, отраслевые направления и карточки продукции связаны общим интерфейсом, поэтому развитие сайта не сводится к публикации новых товарных описаний.
Результат — связанное представление продукции и экспертизы
Готовый сайт соединяет несколько уровней: образ производителя, отрасль применения, свойства конкретного средства и материалы для дальнейшего изучения. Корпоративные страницы и каталог используют общий визуальный язык, но решают разные вопросы. Особенность решения — подробная продуктовая информация рядом с навигацией, а не необходимость каждый раз начинать поиск со знакомства с компанией.
В результате у «Новелхим» появился корпоративный сайт с подробно организованным ассортиментом и отдельными маршрутами для дилеров. Каталог поддерживает поиск по назначению и свойствам, документы продолжают изучение продукта, а страницы компании представляют её компетенции. Мы сопровождаем эту систему дальше, сохраняя связь продуктового содержания с задачами производителя и разных групп его заказчиков.
Проект в деталях
Иллюстрации из портфолио OOMI показывают версию проекта на момент съёмки. Цены, акции и контакты внутри изображений могут быть неактуальны.