Клиент – производственная компания «ОптКонтур» из Московской области, специализирующаяся на полном цикле металлообработки: резка, гибка, сварка и порошковая покраска металла.
На момент старта работ у компании полностью отсутствовало веб-представительство. Все заявки поступали через сарафанное радио, мессенджеры и сторонние агрегаторы. Презентация продукции происходила через PDF-каталоги и переписку в WhatsApp.
Клиент поставил три стратегические цели:
– Имиджевая составляющая. Создать современный корпоративный сайт, который внушает доверие крупным B2B-заказчикам и демонстрирует реальные производственные мощности.
– Продающий каталог. Разместить продукцию с возможностью онлайн-заказа. Особенность: продукция вариативная — каждый товар может иметь разную толщину металла, размер и цвет покрытия по шкале RAL. Требовался удобный интерфейс выбора модификаций без путаницы для клиента.
– SEO-фундамент. Обеспечить техническую возможность выхода в топ поисковой выдачи по высококонкурентным запросам.
Проект реализован полностью с нуля на стеке Next.js (фронтенд) + Node.js (бэкенд). Отказались от готовых CMS в пользу кастомной разработки, чтобы не тянуть лишний код и обеспечить максимальную скорость загрузки.
Ключевые технические решения:
– Гибридный каталог-витрина с вариативными товарами.
Реализованы карточки товаров с динамической сменой артикулов (SKU) при выборе параметров: толщина, размер, цвет RAL. Важная деталь: при смене цвета автоматически подгружается соответствующее фото покрытия (оцинковка, черный, красный и т.д.). Это исключает ошибки при заказе окрашенных изделий.
– «Умная» бесшовная корзина.
Реализована синхронизация корзины между гостем и авторизованным пользователем. Если клиент набрал товары до регистрации, а затем создал аккаунт или вошел в личный кабинет в процессе оформления заказа — все позиции автоматически переносятся из локального хранилища браузера в базу данных. Пользователь не теряет свой выбор, что значительно повысило конверсию оформления.
– Кастомная панель администрирования на Node.js.
Создана легковесная админка, заточенная под бизнес-процессы клиента. Менеджеры компании могут самостоятельно управлять тремя сущностями: Товары (с вариациями и галереей), Категории каталога и Портфолио работ. Интерфейс интуитивно понятен, без перегруженности лишними настройками.
– SEO-оптимизация и адаптивность.
Настроен Server-Side Rendering (SSR) средствами Next.js — поисковые роботы Яндекса и Google видят полностью наполненный контент мгновенно. Проведена семантическая HTML5-верстка и микроразметка Schema.org для товаров. Сайт идеально адаптирован под любые устройства: от смартфонов на стройплощадке до офисных десктопов.
Клиент получил полностью готовый к работе цифровой актив. Сайт одновременно выполняет функции представительского портала о производственных возможностях и полноценного интернет-магазина.
Основные итоги внедрения:
– Компания полностью ушла от отправки PDF-прайсов в мессенджерах — теперь клиенты самостоятельно изучают каталог и делают заказы онлайн.
– Менеджеры «ОптКонтур» управляют контентом и номенклатурой самостоятельно, без привлечения разработчика.
– Заложен прочный технический фундамент для масштабирования: добавления личного кабинета контрагента, интеграции с 1С или калькулятора расчета стоимости по весу металла.
Пожаловаться
