Сайт Шахтинского Метизного Завода как современный рабочий B2B-инструмент

Главное о кейсе

Шахтинский Метизный Завод (ШМЗ) — промышленное предприятие с 12-летним опытом работы, более 1000 клиентов и поставками для машиностроения, энергетики, строительства и авиации.

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

Задачи команды Else Digital:
разработать современный, строгий и функциональный дизайн сайта, который подчеркнет масштаб и надежность производства;
упорядочить и облегчить работу с каталогом продукции с помощью удобной структуры и 3D-визуализации;
интегрировать сайт в бизнес-процессы завода через автоматизацию обновления данных и учетных файлов.

Какие задачи решали для бизнеса:
повысить доверие клиентов через прозрачное представление производственных процессов и стандартов качества;
сократить количество запросов к менеджерам и ускорить процесс выбора продукции;
сделать сайт масштабируемым и управляемым без постоянной поддержки разработчиков.

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

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

Shakhty Metal Works (SMW) is an industrial enterprise with 12 years of experience, over 1,000 clients, and a track record of supplying products to the machinery, energy, construction, and aviation sectors.

The goal of the project is to create a modern website that will serve not merely as an online business card, but as an effective platform for showcasing production, managing the product catalog, and building trust with B2B clients.

The Else Digital team’s objectives:
develop a modern, clean, and functional website design that highlights the scale and reliability of production;
organize and simplify navigation of the product catalog using a user-friendly structure and 3D visualization;
integrate the website into the plant’s business processes through automated updates of data and accounting files.

Business objectives addressed:
increase customer trust through transparent presentation of production processes and quality standards;
reduce the number of inquiries to managers and speed up the product selection process;
make the website scalable and manageable without constant developer support.

Key project features:
— The product catalog became a practical tool for customers, featuring a logical category hierarchy and detailed product cards.
— Product visualization through custom-designed 3D models that accelerate understanding of product shapes and specifications.
— A clean, minimalist design that conveys the company’s systematic approach and reliability.

Results:
The new website allows customers to familiarize themselves with production capabilities and the product catalog in just a few minutes, instead of spending time poring over Excel spreadsheets.
Simplifying the catalog and integrating it with internal processes has reduced the workload on managers and accelerated communication with customers.
The clean and functional design has strengthened trust in the brand and highlighted the company’s professionalism.

Как проект изменил жизнь пользователей

Обновленный сайт ШМЗ превратил информацию о заводе в доступный и наглядный инструмент.

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

Преимущества для пользователей:
Быстрое понимание масштабов производства, опыта и стандартов (ГОСТ, ОСТ).
Удобная навигация по каталогу и подробные карточки товаров сокращают количество запросов к менеджерам.
Мобильная версия сайта сохраняет всю функциональность, обеспечивая одинаковый опыт на любых устройствах.
Интеграция с учетными файлами (Excel) позволяет поддерживать актуальность данных без дополнительных усилий команды.

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

The updated SMZ website has transformed information about the plant into an accessible and intuitive tool.

Customers no longer get lost in dense text and complex catalogs: all information is structured, accessible, and visualized through 3D models.

Benefits for users:
Quick understanding of the scale of production, experience, and standards (GOST, OST).
Convenient catalog navigation and detailed product cards reduce the number of inquiries to managers.
The mobile version of the website retains all functionality, ensuring a consistent experience across all devices.
Integration with accounting files (Excel) allows data to remain up-to-date without additional effort from the team.

As a result, customers receive a transparent and effective tool for evaluating and selecting products, and the website builds trust and drives sales without excessive advertising or “noise”.

Бизнес-задача и ее решение

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

Вызовы:
— Сайт выглядел типовым и устаревшим: перегруженные тексты, каталоги в формате Excel, визуальный шум и отсутствие акцента на реальные возможности завода.
— Пользователи терялись в структуре каталога: сложно было быстро найти нужный тип продукции и ознакомиться с характеристиками.
— Информация о стандартах (ГОСТ, ОСТ) и масштабах производства подавалась формально, без фактической демонстрации процессов.
— Отсутствовала интеграция с внутренними учетными процессами, что затрудняло поддержание актуальности каталога и данных на сайте.
— Дизайн не соответствовал ожиданиям B2B-клиентов: не транслировал надежность и системность, был перегружен визуальными элементами.

Решение:


Переосмысление роли сайта
Мы определили сайт не как имиджевую страницу, а как инструмент продаж и доверия. Контент выстроили вокруг реальных производственных процессов, стандартов и возможностей завода, а не вокруг формальной истории компании.


Структура и контент без «маркетингового шума»
— Тексты сокращены до сути и выстроены по логике задач клиентов.
— Сделан акцент на фактах: работа по ГОСТ и ОСТ, направления поставок, масштабы производства, системность процессов.

Каталог как ключевой элемент сайта
— Чёткая иерархия категорий и удобная навигация.
— Карточки товаров с полными характеристиками и документацией.
— Индивидуальная 3D-визуализация для каждого типа продукции.
— Адаптивная версия каталога без потери логики.
— Актуализация данных через Excel-файлы без сложных интеграций.

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


Результат на уровне продукта:

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

Objective: To create a modern website for the Shakhty Metal Products Plant that does more than simply represent the company online; it serves as a functional platform for customers: showcasing the scale and reliability of production, simplifying access to the product catalog, building brand trust, and integrating seamlessly into the plant’s business processes.

Challenges:
— The website looked generic and outdated: overloaded text, catalogs in Excel format, visual clutter, and a lack of emphasis on the plant’s actual capabilities.
— Users got lost in the catalog structure: it was difficult to quickly find the right product type and review its specifications.
— Information about standards (GOST, OST) and production scale was presented in a formal manner, without actually demonstrating the processes.
— There was no integration with internal accounting processes, which made it difficult to keep the catalog and data on the website up to date.
— The design did not meet B2B clients’ expectations: it did not convey reliability and consistency, and was overloaded with visual elements.

Solution:


Redefining the website’s role
We defined the website not as a promotional page, but as a tool for sales and building trust. We structured the content around the plant’s actual production processes, standards, and capabilities, rather than around a formal company history.


Structure and content free of “marketing noise”
— Texts were condensed to the essentials and organized according to the logic of client needs.
— Emphasis is placed on facts: compliance with GOST and OST standards, delivery destinations, production scale, and systematic processes.


The catalog as a key element of the website
— Clear category hierarchy and user-friendly navigation.
— Product cards with complete specifications and documentation.
— Custom 3D visualization for each product type.
— A responsive version of the catalog that retains its logical structure.
— Data updates via Excel files without complex integrations.


Design and Trust
— A clean, minimalist, and predictable interface.
— A limited color palette and clear grid, with a consistent style across all pages.
— The website presents facts and reinforces the plant’s reputation, helping customers make decisions without needing to ask managers unnecessary questions.


Product-level results:

The new website has become a tool that accelerates the product evaluation process, demonstrates the reliability and scale of production, simplifies catalog navigation, and is integrated into the plant’s business processes. Customers find the products they need faster and receive up-to-date information, while the website builds trust and drives sales—not just serving as a business card.

Крафт (мастерство), реализация, технические детали

Ключевой задачей было преобразование устаревшего заводского сайта в рабочую платформу для клиентов, которая объединяет каталог продукции, визуализацию, контент о производственных процессах и интеграцию с учетными системами завода.

Нам предстояло выстроить логику работы сайта с нуля, сохранив актуальность данных и удобство для B2B-клиентов.


Ключевые технические результаты:
— Каталог и контент: реализована адаптивная структура каталога с иерархией категорий и подробными карточками товаров; добавлена индивидуальная 3D-визуализация для всех типов продукции.
— Автоматизация данных: настроен обмен с учетной системой через Excel-файлы, что обеспечивает актуализацию каталога без сложных интеграций и ручного ввода.
— Оптимизация скорости и стабильности: сайт теперь загружается и работает быстро на десктопе и мобильных устройствах, логика каталогов и карточек протестирована на всех устройствах.
— Интеграция: все данные о продукции, документации и стандартах (ГОСТ/ОСТ) централизованы на платформе, что минимизирует ошибки и ускоряет обновление информации.
— Процесс разработки: за 3 месяца проведена полная реализация дизайна, структуры сайта, каталога и визуализации, внедрено более 15 ключевых функций, включая адаптивность, фильтры и поиск по каталогу.
— Технологический стек: React для frontend, Django для backend, WebGL и Three.js для 3D-визуализации, интеграция с Excel и внутренними системами завода.

Результат для бизнеса: количество запросов к менеджерам по уточнению характеристик продукции сократилось более чем на 50%; сайт стал инструментом, который ускоряет продажи и повышает доверие клиентов.

The key objective was to transform the outdated factory website into a functional platform for clients, integrating a product catalog, visualizations, content about production processes, and integration with the factory’s accounting systems.

We had to build the website’s workflow from scratch while ensuring data accuracy and user-friendliness for B2B clients.


Key technical results:
— Catalog and content: implemented a responsive catalog structure with a category hierarchy and detailed product cards; added custom 3D visualizations for all product types.
— Data automation: configured data exchange with the accounting system via Excel files, ensuring the catalog is updated without complex integrations or manual entry.
— Speed and stability optimization: the website now loads and runs quickly on desktops and mobile devices; the logic of the catalogs and product cards has been tested on all devices.
— Integration: All data on products, documentation, and standards (GOST/OST) is centralized on the platform, minimizing errors and accelerating information updates.
— Development process: Over the course of 3 months, we fully implemented the design, site structure, catalog, and visualizations, and introduced over 15 key features, including responsiveness, filters, and catalog search.
— Tech stack: React for frontend, Django for backend, WebGL and Three.js for 3D visualization, integration with Excel and the plant’s internal systems.

Business results: The number of inquiries to managers regarding product specifications decreased by more than 50%; the website has become a tool that accelerates sales and increases customer trust.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Гипотеза: если структурировать контент, каталог и визуализацию вокруг реальных процессов, пользователи смогут быстрее принимать решения и работать с сайтом как с инструментом, а не как с визиткой.

Реализация:
Создали имиджевый сайт с упором на факты: масштабы, стандарты, опыт, направления поставок.
Разработали удобный каталог с 3D-визуализацией и логичной структурой карточек.
Автоматизировали обновление данных через Excel-файлы и интеграцию с внутренними процессами.
Оптимизировали UX для мобильных устройств и десктопа, сохранив функциональность каталога.

Главным вызовом было объединить строгий дизайн, удобство UX и интеграцию с реальными бизнес-процессами. Команда Else Digital тестировала все сценарии на реальных данных, чтобы минимизировать ошибки и сделать пользовательский путь максимально гладким.

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

Insights:
Most factory websites are outdated and do not drive sales.
Customers waste time sifting through complex catalogs and text-heavy pages.
Transparent information and user-friendly interaction can build trust and speed up the product selection process.

Hypothesis: If we structure the content, catalog, and visualizations around real-world processes, users will be able to make decisions faster and use the website as a tool rather than just a business card.

Implementation:
We created a brand website focused on facts: scale, standards, experience, and delivery areas.
We developed a user-friendly catalog with 3D visualizations and a logical card structure.
We automated data updates via Excel files and integration with internal processes.
We optimized the UX for mobile devices and desktops while preserving the catalog’s functionality.

The main challenge was to combine a clean design, user-friendly UX, and integration with real-world business processes. The Else Digital team tested all scenarios using real data to minimize errors and make the user journey as seamless as possible.

Result: The new SMZ website has become an effective platform for sales and customer communication, where users can quickly find products, get information about the plant, and trust the process thanks to transparency, structure, and visualization.

Текущая доступность работы

https://else-digital.ru/cases/shmz/

Скриншоты

Комментарий заказчика

Очень довольны работой разработчика! Сайт получился удобным, интуитивно понятным и визуально привлекательным — цветовая гамма и дизайн действительно бросаются в глаза, в хорошем смысле. Всё работает стабильно, без лишней суеты. Рекомендуем!