Roud-Bud
Корпоративний сайт для компанії вантажних перевезень на власній темі WordPress: блоки, які клієнт редагує сам, і форма заявки з повзунками габаритів вантажу.
Компанії, яка возить габаритні й негабаритні вантажі, потрібен був сайт, що приймає заявки і який менеджери можуть вести без розробника.
Заявка на такий вантаж складніша за звичайну форму: потрібні розміри й вага, маршрут і дата. Сайт мав працювати швидко на телефоні, а всі тексти, фото, послуги й контакти змінюватися в адмінці без конструкторів.
Рішення
Я зробив власну тему на ACF Pro без page builder: 10 блоків, з яких складається сторінка. Серце сайту: форма заявки, де менеджер сам задає повзунки габаритів, а дані потрапляють у стандартну форму Contact Form 7 і одразу приходять у Telegram-чат менеджерів. Окремо я оптимізував швидкість, і на мобільному Lighthouse піднявся з 67 до 97.
- Власна тема на ACF Pro: 10 блоків замість конструктора; менеджер сам змінює тексти, фото, послуги, вакансії, контакти й футер.
- Форма заявки з повзунками габаритів: у адмінці задаються назва, мінімум, максимум і одиниця кожного повзунка; повзунок і числове поле завжди збігаються, значення поза межами ігноруються.
- Заявки без втрат: кожна заявка потрапляє в Telegram-чат менеджерів і зберігається в адмінці, форму захищає reCAPTCHA v3, що завантажується відкладено.
- 9 типів вантажів: слайдер із фото, назвою й описом для кожного; усе редагується в одному повторювачі.
- Галереї робіт: Swiper і lightbox, оптимізовані розміри зображень, WebP.
- SEO і безпека: Yoast, мікророзмітка, карта сайту, чисті URL, прихований вхід в адмінку, ліміт спроб входу, закритий список користувачів у REST.
Сайт працює на проді, а менеджери ведуть його самі. Під час оптимізації у листопаді 2026 Performance на мобільному піднявся з 67 до 97, LCP зменшився з 5,9 до 2,6 с, а блокування головного потоку з 290 до 50 мс; Best Practices і SEO мають 100.
- WordPress
- ACF Pro
- PHP
- JavaScript
- SCSS
- Gulp / webpack
- Swiper
- Contact Form 7
- Telegram
