ПРОМЫШЛЕННОСТЬ
Очёрский машиностроительный завод
Цифровая система промышленного предприятия
Объединили продукцию, производство и услуги ОМЗ в одном сайте — с подробным каталогом, карточками товаров и самостоятельными внутренними страницами.
КОНТЕКСТ ПРОЕКТА
Один завод. Разные задачи посетителей.
Промышленному сайту недостаточно представить предприятие. Закупщику нужны продукция и параметры, техническому специалисту — возможности производства и документы, соискателю — вакансии и условия работы. Мы разделили эти сценарии и связали их общей навигацией. В исходных макетах проработаны самостоятельные экраны каталога, товара, корзины, производственных цехов, услуг, компании и вакансий. В кейсе ниже — ключевые решения действующего сайта.
Выбрать продукцию
Каталог → направление → категория → товар. Поиск, параметры, стоимость или запрос цены.
Оценить возможности
Цеха и услуги: фотографии, описание работ, техническая информация и форма обращения.
Познакомиться с заводом
О компании, история, сертификаты, новости, вакансии и контакты — отдельные задачи и страницы.
01 / ДИЗАЙН-КОНЦЕПЦИЯ
Характер завода — в каждом элементе интерфейса
В основе визуальной системы — реальное производство: металл, масштаб цехов и точность деталей. Светлые поверхности дают пространство технической информации, а контрастные заголовки и красные акценты помогают быстро найти главное.
Свернуть макет ↑
Продукт в центре внимания
Изображения изделий и производства работают вместе с содержанием. Декоративные элементы не спорят с характеристиками и документами.
Адаптация под сценарий
Каталог помогает сравнивать, карточка — изучать, а страницы услуг — оценивать возможности предприятия.
Международная аудитория
Сайт адаптирован для английского и китайского языков — для представления продукции и возможностей ОМЗ зарубежным заказчикам.
02 / КАТАЛОГ
Большой ассортимент — понятная система выбора
Каталог объединяет нефтепромысловое оборудование, металлоконструкции, строительные конструкции и калиброванный прокат. Посетитель может начать с направления, найти изделие по названию или уточнить выбор через характеристики.
Категории рядом с товарами
Иерархия ассортимента остаётся перед глазами. Поиск и сортировка размещены над выдачей.
Параметры для выбора
Наличие, вес, диаметр, материал и другие характеристики вынесены в фильтры.
Разные условия покупки
Для части товаров указана стоимость и доступна корзина; для других предусмотрена цена по запросу.
03 / ВЫБОР И ОФОРМЛЕНИЕ
От выбора товара — к оформлению заказа
Фотографии, характеристики и документы помогают разобраться в изделии. Из карточки покупатель добавляет товар в корзину, меняет количество и переходит к оформлению — без повторного поиска выбранной продукции.
Все сведения рядом
Фотографии, артикул, цена, наличие и параметры собраны в карточке. Описание и документы доступны во вкладках.
Выбор сохраняется
В корзине можно изменить количество, проверить итог и указать контактные данные для оформления заказа.
04 / УПРАВЛЕНИЕ САЙТОМ
Весь контент сайта — под управлением команды ОМЗ
На Payload CMS организовано управление всеми разделами сайта: от страниц предприятия и услуг до каталога, цен, категорий и характеристик продукции. Сотрудники могут поддерживать содержание в актуальном состоянии через административный интерфейс. Возможности управления контентом Товары, категории и страницы можно обновлять по мере развития ассортимента и задач предприятия.
Payload CMS
Одна система для каталога, страниц и материалов Добавить товар, обновить стоимость, изменить параметры или отредактировать страницу — содержание разных разделов управляется в общей административной системе.
Товары и цены
Добавление и редактирование карточек, фотографий, описаний и стоимости продукции. Новая карточка → актуальный ассортимент
Категории и параметры
Управление структурой каталога, категориями и характеристиками товаров. Точные параметры → понятный выбор
Страницы и разделы
Редактирование текстов, изображений и содержимого страниц предприятия, услуг и других разделов. Обновлённые материалы → актуальный сайт
05 / ПРОИЗВОДСТВО И УСЛУГИ
От задачи — к рабочей документации
Разработка конструкторской документации представлена отдельной страницей: первый экран обозначает услугу, содержательные блоки раскрывают состав работ, а форма помогает перейти к обсуждению проекта.
Свернуть макет ↑
Понятный состав работ
Описание услуги и блоки задач помогают оценить, какую документацию может подготовить предприятие.
Обращение в контексте услуги
После знакомства с работами посетитель может описать задачу и приложить материалы в форме обращения.
06 / УСЛУГИ ПРЕДПРИЯТИЯ
Разные услуги. Общая логика подачи.
Для каждой услуги предусмотрена отдельная страница: фотографии объясняют контекст, описание раскрывает содержание работ, а технические сведения помогают оценить предложение.
Предприятие раскрывается в деталях
История и возможности завода, подтверждающие документы и работа в команде получили самостоятельные разделы. Это позволяет не перегружать главную и давать каждой аудитории нужную глубину информации.
07 / АДАПТИВ
Те же задачи — на небольшом экране
На мобильном устройстве навигация раскрывается отдельной панелью, каталог перестраивается в одну колонку, а галерея товара сохраняет переключение фотографий. Ниже — реальные экраны сайта, снятые на ширине 390 px.
РЕЗУЛЬТАТ ПРОЕКТА
От знакомства с заводом — к предметному обращению
Получился многостраничный сайт, в котором рассказ о предприятии связан с каталогом и технической информацией. Посетитель может изучить производство, подобрать изделие, проверить его параметры и перейти к покупке или обсуждению задачи.
Структура
Разные аудитории и задачи объединены общей навигацией и понятной иерархией разделов.
Интерфейс
Крупные изображения, подробный каталог, самостоятельные страницы товаров, производства и услуг.
Работающий сайт
Десктопное и мобильное представление проекта. Payload CMS в основе административной части.
