О проекте

НоваСлав – производитель и оптовый поставщик металлических отопительных печей, печей-каменок для саун и бань, каминов и сопутствующего оборудования. Сайт разрабатывался на основе существующего дизайна – верстка и весь функционал выполнялись нами с нуля. Платформа: WordPress+WooCommerce.

Услуги, предоставленные на проекте

• Разработка сайта (верстка, бэкенд)

Цели и задачи, поставленные клиентом

• Эффективно представить бизнес компании в интернете: каталог продукции с подробными страницами товаров, информация об услугах, блоге и контактах.
• Реализовать сложную систему опций по каждому товару с мгновенным автоматическим пересчетом стоимости.
• Создать закрытую B2B-зону для дилеров: регистрация только через администратора, личный кабинет, оформление и отслеживание заказов.
• Интерактивная карта дилеров по всей Украине с фильтрацией по областям и городам.
• Мультиязычность: сайт на трех языках — украинском, русском и английском.
• Подготовить понятную инструкцию для самостоятельного администрирования сайта после сдачи проекта.
•  

Что включала разработка

Верстка

Сверстали сайт на основе предоставленного дизайна. Верстка адаптивная и кроссбраузерная – корректно отображается в Chrome, Firefox, Opera, Safari, IE и других распространенных браузерах, а также в десктопной и мобильной версиях.

Структура и страницы

Реализованы все запланированные страницы и шаблоны:

• главная со слайдером, блоком категорий (3×3), выделенными товарами, блоком услуг, новостями из блога и FAQ;
• каталог и девять категорий товаров (каменки для саун и бань, канадские и отопительно-варочные печи, отопительные и промышленные печи, камины, печь-мангал-котел, аксессуары);
• страница товара с полным функционалом (описан отдельно ниже);
• услуги и страницы отдельных услуг;
• страница «Наши дилеры» с интерактивной картой;
• страница «Стать дилером», «О компании», блог и страница статьи;
• контакты с картой расположения компании;
• личный кабинет дилера, корзина, поп-ап оформление заказа.

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

Страница товара и система опций

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

Страница товара содержит:

• слайдер с изображениями и отдельной подписью для каждого слайда;
• выпадающий список «Размер/Мощность/Стоимость»;
• перечень связанных опций с полями выбора и мгновенным перерасчетом итоговой стоимости;
• кнопку со ссылкой на чертеж товара (открывается в новой вкладке);
• три таба: «Технические характеристики» (таблица типоразмеров с заполнением через админку), «Описание» и «Отзывы» с возможностью оставить отзыв;
• блок рекомендуемых товаров (избираемых администратором).

Карта дилеров

Страница "Наши дилеры" построена на интерактивной карте Украины с выделением областей. После клика на любую область ниже карты отображается список дилеров из этого региона с названием, адресом и контактами, сгруппированными по городам. Добавление и редактирование дилеров осуществляется через админку.

Кабинет дилера и система заказов

Регистрация на сайте доступна только через администратора – самостоятельная регистрация закрыта. Авторизированный дилер может просматривать и редактировать личные данные и адрес, отслеживать историю заказов, повторять заказы или добавлять товары из истории непосредственно в корзину.

При оформлении заказа авторизованным дилером заказ фиксируется в админпанели и отправляется на почту заказчика. Для неавторизованных пользователей поп-ап с предложением авторизироваться или оставить контактные данные.

Мультиязычность

Сайт полностью реализован на трех языках: украинском, русском и английском. Весь контент – меню, страницы, карточки товаров, опции – управляется отдельно для каждого языка через админку.

Инструкция для администратора

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

Результат

Клиент получил полноценный B2B-сайт производителя, адаптированный под специфику оптовых продаж: с закрытой зоной для дилеров, сложной системой настройки товаров с автоматическим расчетом стоимости и интерактивной картой сети сбыта по всей Украине. Благодаря подготовленной инструкции, клиент может самостоятельно управлять всем контентом сайта.