Інтернет-магазин · WooCommerce · 2026

LUKIBEST — редизайн і магазин ревізійних люків на WooCommerce

Редизайн сайту виробника люків-невидимок: власна тема замість The7 і WPBakery, каталог на WooCommerce з розмірами-варіаціями й оформленням, фід для Merchant Center і переїзд без втрати посилань.

WooCommerce

Хочу такий самий проект Відкрити сайт

LUKIBEST (lukibest.com.ua) — чернігівський виробник прихованих ревізійних люків під плитку, під фарбування й підлогових люків, працює з 2016 року. Старий сайт був зібраний на темі The7 з WPBakery, Elementor і десятком плагінів. Ми зробили редизайн за погодженим макетом Figma, написали власну тему, перенесли весь контент, перевели каталог на WooCommerce з повним оформленням замовлення й запустили новий сайт на хостингу замовника без втрати старих посилань.

Технічний стек

WordPress + WooCommerce з власною темою замість The7 і конструкторів. Блоки головної редагуються через наш движок полів у вкладках адмінки. Форми — Contact Form 7, SEO — Yoast, для Google Merchant Center сайт сам віддає фід товарів, а на картках є розмітка Product. Шрифт Open Sans, помаранчевий акцент на світло-сірому тлі.

Головна

Під першим екраном стоять головні аргументи виробника: власне виробництво, нестандартні розміри за 4 дні, безкоштовна доставка від 3 люків і гарантія 5 років. Далі йдуть категорії, нові надходження, акції, коротко про компанію, доставка й гарантія, відгуки з фото монтажів і заклик надіслати розміри отвору.

Блоки «Каталог» і «Нові надходження» на головній — Категорії з підкатегоріями й нові надходження.

Блок «Акції» на головній lukibest.com.ua — «Акції» й короткий текст про виробника.

Блоки доставки, гарантії й відгуків з фото — Доставка й оплата, гарантія 5 років і відгуки з фото реальних монтажів.

Каталог на WooCommerce

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

Сторінка «Каталог ревізійних люків» — Каталог: категорії з кількістю моделей.

Категорія «Люки під плитку в стіну» — Категорія: вкладки категорій, кількість розмірів і ціна «від» на кожній картці.

Картка товару «Кутовий люк під плитку» з вибором розміру — Картка товару: галерея, вибір розміру з ціною, «У кошик», «Потрібен нестандартний розмір» і переваги виробника.

Кошик і оформлення

Оформлення розбите на три кроки: кошик, дані, готово. Ми прибрали зайві поля WooCommerce, лишили ім’я, прізвище, телефон і необов’язковий email, а доставку звели до двох варіантів: самовивіз у Чернігові або Нова Пошта за тарифами перевізника. Оплата — при отриманні або за реквізитами ФОП.

Кошик lukibest.com.ua — Кошик з кроками оформлення.

Сторінка оформлення замовлення — Оформлення: дані покупця, доставка й оплата на одному екрані.

Перенесення контенту

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

Сторінка «Фото/відео» з галереєю монтажів — «Фото/відео» — галерея монтажів з лайтбоксом і боковою формою прорахунку.

Сторінка «Контакти» — Контакти з графіком, адресою й формою прорахунку.

Запуск без втрат

Новий сайт ми зібрали на своєму тестовому сервері, а потім перенесли на хостинг замовника з оновленням PHP. Усі 48 старих адрес перевірили: кожна веде редиректом на нову сторінку або товар. Старий robots.txt, який закривав від пошуку частину сайту, замінили на правильний, а для пошти домену налаштували SPF і DMARC.

Мобільна версія

Адаптив перевірений на всьому діапазоні від 1920 до 320 px без горизонтальної прокрутки: на телефоні меню ховається в бургер поруч із телефоном і кошиком.

Підсумок

За нами редизайн за макетом Figma, власна тема замість The7 і конструкторів, перенесення всього контенту, каталог на WooCommerce з варіаціями й оформленням замовлення, фід для Merchant Center, переїзд на хостинг замовника з редиректами старих адрес і подальша підтримка.