Оставить сообщение

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

Belengineering.ru

Информация о проекте

ООО «ПКФ ДЭМКОМ» — официальный дистрибьютор итальянского производителя прецизионного весового оборудования BEL Engineering s.r.l. Компания предлагает лабораторные, аналитические, микровесы, анализаторы влажности, а также сопутствующие аксессуары и опции. Продукция ориентирована на научные, фармацевтические и производственные предприятия, требующие высокой точности измерений. Сайт создан для информирования клиентов о модельном ряде, технических характеристиках, новостях бренда и возможности направить заявку на оборудование.

Цели создания сайта:
Разработать корпоративный сайт-каталог, который должен:

  • представить полный ассортимент оборудования BEL Engineering с детальными техническими характеристиками
  • обеспечить удобный подбор товаров по ключевым параметрам (наибольший предел взвешивания, цена деления, калибровка, класс точности)
  • предоставить актуальную информацию о новинках, сертификатах и событиях в разделе новостей
  • содержать разделы о компании, партнёрах, поддержке и контактах
  • включать форму подписки на рассылку новостей и акций (интеграция с Unisender)
  • быть полностью адаптивным для корректного отображения на всех устройствах
  • обеспечить базовую SEO-оптимизацию для улучшения видимости в поисковых системах

Особенности проекта:
Проект отличался рядом нестандартных требований, связанных со спецификой оборудования и потребностями заказчика:

  • фильтр по параметрам должен был работать сразу по всему каталогу, но при этом существовала возможность исключать из выборки отдельные категории (например, опции и аксессуары) через настройки в админке
  • параметры фильтра — многозначные (НПВ имеет около 30 значений), требовалось продумать удобное расположение фильтра (в итоге размещён сверху, с группировкой по четырём характеристикам)
  • страница «Подбор по параметрам» — отдельная вкладка в меню, где пользователь может комбинировать любые значения и получать результаты из всех категорий (кроме исключённых)
  • для товаров предусмотрены вкладки: характеристики, опции, комплект поставки, габариты, документы для скачивания (поддержка разных типов файлов: PDF, Word, архивы)
  • форма подписки на рассылку интегрирована с Unisender через API; требовалась тонкая настройка double opt-in для корректной обработки повторных подписок
  • сайт не предполагал онлайн-оплату, но была реализована корзина с отправкой заявки на почту менеджерам
  • заказчик активно участвовал в процессе согласования дизайна и прототипов, что привело к нескольким итерациям и уточнениям структуры (например, отказ от текстовых блоков в пользу визуальных баннеров)

Решение:
Работа над проектом велась поэтапно, с плотным взаимодействием с заказчиком. На старте были собраны все необходимые материалы: логотипы, фирменные цвета (синий для Demcom, серый для BEL), фотографии продукции, тексты описаний. Дизайнер подготовил прототипы ключевых страниц (главная, каталог, карточка товара, новости, контакты), которые после обсуждения были утверждены.

Особое внимание уделено главной странице: слайдер с рекламными баннерами (изготовлены на основе предоставленных постеров), блок с краткой информацией о компании, плитки разделов каталога, лента последних новостей. Визуальный стиль — минималистичный, с акцентами на фирменные цвета.

Для каталога разработана гибкая система фильтрации, позволяющая администратору исключать категории из общего подбора. Фильтр размещён сверху, чтобы не загромождать пространство для карточек товаров. Карточка товара содержит все необходимые вкладки, фотографии (с зумом при клике), а также блок «Похожие товары». Реализована возможность добавления товаров в корзину для последующей отправки заявки; корзина сохраняет список выбранных позиций и передаёт их в форму заказа.

Раздел новостей выполнен в виде списка с датами и краткими анонсами; на отдельной странице новости можно размещать текст, изображения и ссылки. Для каждой новости настроены теги для возможной будущей фильтрации.

Интеграция с Unisender потребовала дополнительных усилий: была настроена форма подписки, всплывающая по клику на соответствующую кнопку. После отправки формы контакт попадает в список «Весы» в личном кабинете Unisender, при этом настроено письмо-подтверждение (double opt-in) для корректной активации подписчиков.

Результат

Итоги проекта

Belengineering.ru — современный, информативный и удобный сайт-каталог, полностью отвечающий требованиям заказчика. Все ключевые функции работают стабильно, интерфейс понятен пользователям, а административная панель позволяет легко управлять контентом (товарами, новостями, баннерами). Заказчик получил не только готовый сайт, но и подробную видеоинструкцию по его наполнению и дальнейшей поддержке.

Используемые технологии:

Скриншот сайта Belengineering.ru
787