Про проєкт

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

Послуги, надані на проєкті

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

Цілі та завдання, поставлені клієнтом

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

Що включала розробка

Верстка

Зверстали сайт на основі наданого дизайну. Верстка адаптивна та кросбраузерна — коректно відображається в Chrome, Firefox, Opera, Safari, IE та інших поширених браузерах, а також у десктопній і мобільній версіях.

Структура і сторінки

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

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

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

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

Ключова особливість сайту — складна система опцій на кожній картці товару. Вибір одного параметра може автоматично відкривати або закривати подальші опції, а вартість перераховується миттєво при кожній зміні.

Сторінка товару містить:

• слайдер із зображеннями та окремим підписом до кожного слайду;
• випадаючий перелік «Розмір / Потужність / Вартість»;
• перелік пов'язаних опцій із полями вибору та миттєвим перерахунком підсумкової вартості;
• кнопку з посиланням на креслення товару (відкривається в новій вкладці);
• три таби: «Технічні характеристики» (таблиця типорозмірів із заповненням через адмінку), «Опис» та «Відгуки» з можливістю залишити відгук;
• блок рекомендованих товарів (обираються адміністратором).

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

Сторінка «Наші дилери» побудована на інтерактивній карті України з виділенням областей. Після кліку на будь-яку область нижче мапи відображається перелік дилерів з цього регіону — з назвою, адресою та контактами, згрупованими за містами. Додавання та редагування дилерів виконується через адмінку.

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

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

При оформленні замовлення авторизованим дилером замовлення фіксується в адмінпанелі та надсилається на пошту замовника. Для неавторизованих користувачів — поп-ап із пропозицією авторизуватись або залишити контактні дані.

Мультимовність

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

Інструкція для адміністратора

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

Результат

Клієнт отримав повноцінний B2B-сайт виробника, адаптований під специфіку оптового продажу: із закритою зоною для дилерів, складною системою налаштування товарів з автоматичним розрахунком вартості та інтерактивною картою мережі збуту по всій Україні. Завдяки підготовленій інструкції клієнт може самостійно керувати всім контентом сайту.