LUKIBEST — редизайн и магазин ревизионных люков на 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 лет. Дальше идут категории, новые поступления, акции, коротко о компании, доставка и гарантия, отзывы с фото монтажей и призыв прислать размеры проёма.

Каталог на WooCommerce

Сначала каталог был простым списком с формой заявки, но заказчик захотел полноценное оформление: корзина, данные, оплата. Поэтому мы перевели товары и категории на WooCommerce на тех же адресах, так что ссылки на товары не изменились. Каждый размер люка стал отдельной вариацией со своей ценой и артикулом, а размер выбирается из стилизованного списка. Для нестандартных размеров и товаров без фиксированной цены на карточке есть кнопка просчёта с формой заявки.

Корзина и оформление

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

Перенос контента

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

Запуск без потерь

Новый сайт мы собрали на своём тестовом сервере, а затем перенесли на хостинг заказчика с обновлением PHP. Все 48 старых адресов проверили: каждый ведёт редиректом на новую страницу или товар. Старый robots.txt, который закрывал от поиска часть сайта, заменили на правильный, а для почты домена настроили SPF и DMARC.

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

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

Итог

На нас редизайн по макету Figma, собственная тема вместо The7 и конструкторов, перенос всего контента, каталог на WooCommerce с вариациями и оформлением заказа, фид для Merchant Center, переезд на хостинг заказчика с редиректами старых адресов и дальнейшая поддержка.