Возникли вопросы?
Оставьте заявку и наши эксперты проконсультируют вас
Оставьте заявку и наши эксперты проконсультируют вас
Разработка сайта, UX/UI дизайн-концепции и верстка для компании по производству химической продукции
Cайт «Химавангард»
Компания производит технологические и охлаждающие жидкости, теплоносители, антифризы и другую химическую продукцию. Сайт должен наглядно представлять ассортимент и производственные мощности, подтверждать качество сертификатами и реализованными поставками, а также помогать заказчику быстро подобрать продукцию и запросить коммерческое предложение.
«Химавангард» — производитель промышленной химии, выпускающий продукцию для предприятий различных отраслей.
О проекте
Структура сайта помогает быстро разобраться в продукции компании и подобрать решение под конкретную задачу. Ассортимент, направления применения, преимущества производства, документы и выполненные поставки собраны в единую понятную систему. Это снижает количество вопросов, укрепляет доверие и упрощает переход к запросу цены или коммерческого предложения.
Задача от заказчика
Что нужно было сделать
Более 20 лет
Опытные поставки, долгосрочные партнёрства и стабильность работы.
Собственное
производство
производство
Каждая партия идентична предыдущей, исключены "серые схемы" с применением некачественного сырья.
Визуальную концепцию построили на сочетании технологичности и деловой строгости. Четкая типографика, крупные изображения производства и продукции, структурные блоки и контрастные акценты помогают удобно воспринимать техническую информацию и подчеркивают надежность компании.
UX/UI
#FFFFFF
#032432
#009EE3
#F5F7F9
Используемые материалы и иконки
Размер шрифта
Палитра
Шрифт
16px
36px
46px
Regular
Medium
Aa
Aa
Aa
Involve
Дизайн и айдентика
Разработка проекта
Реализация
Для создания сайта использовали связку MODX + React, что позволило реализовать гибкую структуру, нестандартную логику разделов, быструю работу интерфейса и удобное управление контентом без ограничений типовых конструкторов.
Преимущества разработки на MODX + React
MODX позволяет выстроить сайт под конкретные задачи бизнеса: каталоги, услуги, региональные страницы, новости, формы и дополнительные разделы без жестких шаблонных ограничений.
1. Гибкая архитектура
Клиент может редактировать тексты, добавлять страницы, обновлять карточки, новости и разделы через административную панель MODX без постоянного обращения к разработчику.
3. Удобное управление сайтом
React помогает создавать быстрые и удобные пользовательские интерфейсы: динамические блоки, фильтры, интерактивные элементы, плавную навигацию и работу страниц на разных устройствах.
2. Современный интерфейс на React
Сделали проект
на платформе MODX
Дизайн разработан
в программе Figma
Настроили все устройства
Адаптация
Планшетные устройства
от 640px
Ноутбуки и компьютеры
от 980px и более
Мобильные устройства
от 320px
Результаты разработки
Готовый проект
Получился современный корпоративный сайт, который представляет «ХимАвангард» как надежного производителя промышленной химии. Продуманная структура, адаптивная верстка и удобный каталог помогают изучить продукцию, оценить возможности производства и быстро перейти к заявке.
Корпоративный сайт производителя промышленной химии
Производителю промышленной химии необходим ресурс, способный работать с большим объемом технической и продуктовой информации. Заказчик хочет понимать ассортимент, области применения, характеристики продукции и возможности предприятия. Поэтому сайт «Химавангард» организован не как стандартная визитка, а как корпоративный каталог, который помогает ориентироваться в продукции и перейти к запросу коммерческого предложения.
В Figma разработана айдентика и система UX/UI. Дизайн корпоративного сайта строится вокруг деловой и технологичной подачи: интерфейс должен помогать работать с ассортиментом и документами, не усложняя восприятие технических данных. Важные смысловые блоки отделены друг от друга, а визуальные акценты используются прежде всего для навигации и иерархии.
Техническая часть реализована на MODX и React. Такая связка позволяет развивать каталог и создавать более гибкие интерфейсы, чем стандартные конструкторы. При разработке сайта на MODX можно адаптировать структуру управления под конкретные типы продукции и дальнейшее расширение корпоративного ресурса.
В результате компания получает сайт, который одновременно представляет производство и работает с ассортиментом. Это особенно важно для B2B-сегмента, где решение редко принимается после одного рекламного экрана: заказчику требуется фактическая информация и подтверждение возможностей поставщика. Другие проекты промышленных и производственных компаний представлены в разделе портфолио, где можно увидеть различные варианты построения корпоративных сайтов.
В Figma разработана айдентика и система UX/UI. Дизайн корпоративного сайта строится вокруг деловой и технологичной подачи: интерфейс должен помогать работать с ассортиментом и документами, не усложняя восприятие технических данных. Важные смысловые блоки отделены друг от друга, а визуальные акценты используются прежде всего для навигации и иерархии.
Техническая часть реализована на MODX и React. Такая связка позволяет развивать каталог и создавать более гибкие интерфейсы, чем стандартные конструкторы. При разработке сайта на MODX можно адаптировать структуру управления под конкретные типы продукции и дальнейшее расширение корпоративного ресурса.
В результате компания получает сайт, который одновременно представляет производство и работает с ассортиментом. Это особенно важно для B2B-сегмента, где решение редко принимается после одного рекламного экрана: заказчику требуется фактическая информация и подтверждение возможностей поставщика. Другие проекты промышленных и производственных компаний представлены в разделе портфолио, где можно увидеть различные варианты построения корпоративных сайтов.