Корпоративний сайт · WordPress · 2025

Bulleen Screens — security screens і flyscreens для Мельбурна

Корпоративний сайт мельбурнського виробника security screens і flyscreens: каталог із 10 продуктів, B2B Trade Services і конверсійна Free Measure & Quote форма.

WordPress

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

Що це за проект

Bulleen Screens — мельбурнський виробник і інсталятор security screens, retractable screens, flyscreens і steel doors. Компанія працює з 1985 року, спеціалізується на сітках і дверях марки Amplimesh® (включно з 316 Marine-Grade SupaScreen®), обслуговує Greater Melbourne і Mornington Peninsula. У 2025-му CatCode виконав повну розробку нового корпоративного сайту bulleenscreens.com.au на WordPress — від інформаційної архітектури і каталогу продуктів до B2B-воронки Trade Services і лід-форми Free Measure & Quote.

Сайт побудований як двоканальна конверсійна машина: B2C-клієнти (домовласники) йдуть через каталог + форму запиту замірів, а B2B-клієнти (будівельники, фабрикатори, інсталятори) — через окремий розділ Wholesale & Trade Services. На головній — табовий блок з чотирма категоріями продуктів, який одразу показує всю широту асортименту без переходу в каталог.

Табовий блок продуктів на головній: Security Screen Doors, Retractable, Flyscreens, Steel Doors — Табовий блок на головній перемикає між чотирма категоріями продуктів — Security Screens, Retractable, Flyscreens, Steel Doors — без перезавантаження сторінки. У кожному табі — список варіантів дверей/вікон з іконками + кнопки Free Measure & Quote і Download Brochure.

Інформаційна архітектура

Замість стандартної WooCommerce-моделі продуктів сайт використовує власний CPT з кастомним URL-патерном /products/<slug>/ і двома таксономіями верхнього рівня — /categories/doors/ і /categories/window-screens/. Це дало контроль над неймінгом, нативний SEO-патерн без ?product=... рудиментів і чистий sitemap.

Каталог: Doors і Window Screens

Архів продуктів /our-products/ розбитий на дві логічні групи. Усього 10 продуктів — по 5 типів сіток для дверей і для вікон: Security, Barrier, Flyscreen, Retractable, Steel. Кожна картка — велика hover-картинка з реальним фото в інтер’єрі, без стокових ілюстрацій, що задає преміальний tone of voice.

Сторінка Our Products: блок «Doors» з трьома картками — Security Doors, Barrier Doors, Flyscreen Doors — Каталог продуктів згрупований за двома таксономіями. Кожна картка веде на окрему сторінку продукту, картинки — реальні приклади встановлених сіток у житлових інтер’єрах.

Сторінка продукту

Single-product у цьому проекті — це не WooCommerce, а самостійний шаблон під CPT. Зверху hero з повноширинною контентною фоткою і breadcrumb-навігацією, далі тематичні блоки з деталями технології (наприклад, Amplimesh® SupaScreen®, IntrudaGuard, PrivacyGuard), слайдер варіантів, accordion з характеристиками і блок Resources з PDF-брошурою. Внизу — той самий лід-конверсійний CTA, що й на головній.

Сторінка Security Doors: hero з фото вузла замка Amplimesh з близького плану — Hero сторінки продукту — повноширинна фотографія крупним планом (тут — ручка і двопозиційний замок із Amplimesh-сіткою). H1, breadcrumb, опис і фоновий діагональний clip-path формують візуальну ієрархію.

Усередині сторінки — глибока розповідь про матеріали з ілюстраціями mesh-патернів та сертифікаційних знаків. Це не «специфікація в таблиці», а контентний блок, який пояснює клієнту чому Amplimesh кращий за дешеві аналоги.

Деталі Amplimesh SupaScreen: текстура mesh-сітки + сертифікаційні бейджі SupaScreen 316 Marine Grade Stainless Steel — Технічний контент-блок: ліворуч — фактура сітки SupaScreen® з бейджами 316 Marine Grade Stainless Steel і 156° Open View, праворуч — текстовий опис патентованої pressure-fit системи кріплення без гвинтів і риветів.

Сценарій лід-генерації

Конверсії в проекті побудовані не на checkout, а на двох незалежних воронках: домашні клієнти бронюють Free Measure & Quote (на дім приходить технік, заміряє і вираховує ціну), а тейд-клієнти подають запит на оптові партії через окрему сторінку Wholesale & Trade Services.

Free Measure & Quote — багатопольна форма

Головна лід-форма — на головній сторінці і на окремій /free-measure-quote/. Це не «name + email», а структурована анкета з 15+ полями: ім’я (first/last), мобільний, email + confirm, business name, customer type (Home / Builder / Real Estate / Maintenance / Reseller / Window Company), адреса з postcode і штатом VIC за дефолтом, тип запиту (free on-site measure vs. estimate without visit), радіо «how did you hear about us» з 14 варіантами джерел трафіку (Google / Radio 3AW / referrals / Facebook / Yellow Pages…), чекбокси по типах вікон/дверей з підрахунком кількості, аплоадер до 3 файлів (фото/креслення), best way to contact + reCAPTCHA + alternative honeypot.

Форма Free Measure & Quote: поля Name, Mobile, Email, Confirm Email, Business Name, Customer Type — Старт форми Free Measure & Quote. Спарені поля Email + Confirm Email, dropdown Customer Type з 7 ролями, поле Business Name (опційне для residential), далі — адреса, тип запиту, джерело трафіку, кількості й аплоадер креслень.

Така деталізація — ціль номер один: щоб менеджер ще до виїзду на сайт знав scope замовлення, час візиту, профіль клієнта і навіть джерело контакту для атрибуції маркетингу.

Wholesale & Trade — окрема B2B-воронка

B2B-клієнти (builders, fabricators, installers) мають окрему landing-page /wholesale-trade-services/ з повним описом партнерських умов, потужностей виробництва (30+ років manufacturing experience), асортименту під оптові партії і своєю формою запиту. Це не «секція на головній» — це самостійна воронка з власним hero, текстами і CTA.

Wholesale & Trade Services hero: фото шоуруму з sliding doors і скляними панелями — Wholesale & Trade Services — окрема landing для будівельників і фабрикаторів. Hero з фотографією шоуруму, breadcrumb до головної, своя структура контенту під B2B-аудиторію.

Контент і довіра

6 USP-блоків Why Bulleen

Секція «Why Choose Bulleen Screens in Melbourne» — 6 карток (40+ Years of Experience, Locally Owned & Operated, Custom-Made Solutions, Premium Products, Expert Installation, No-Pressure Service) з лінійними іконками в брендовому зеленому. Кожна — конкретний reason-to-believe, без розмитих «we care about quality» формулювань.

Why Choose Bulleen Screens: 6 карток із зеленими іконками — 40+ Years of Experience, Locally Owned, Custom-Made тощо — USP-блок із 6 карток на grid 3×2. Кожен USP має лінійну SVG-іконку, заголовок зеленого корпоративного кольору і короткий опис із конкретним фактом (рік заснування, тип сертифікації, географія обслуговування).

FAQ accordion

На головній — повна FAQ-секція з 11 питань, які закривають усі типові заперечення: де showroom, які райони обслуговуєте, чому genuine Security door, у чому різниця security/barrier door, чи є гарантія, коли робите заміри, 316 vs 304 stainless steel, чи робите BPA (Bushfire Prone Area) screens, що таке Fire Attenuation Screen, NSSA standards. Accordion з fade-in на розгортанні, фон секції — макрофото mesh-сітки Amplimesh.

Frequently Asked Questions: 11 згорнутих питань на фоні макрофото сітки Amplimesh — FAQ-секція з 11 питаннями. Фон — макрофотографія сітки з ефектом перспективи, accordion-список на білому скругленому контейнері, кожне питання згортається/розгортається по кліку.

Технологічний стек

WordPress із кастомною темою, кастомний CPT для продуктів замість WooCommerce, дві ієрархічні таксономії для каталогу (Doors / Window Screens), Yoast SEO для sitemap і structured data, reCAPTCHA v2 на лід-формі для anti-spam, lazy-loading для всіх hero-картинок з диференційними breakpoint-розмірами через srcset. Окремий шаблон single-product з custom-полями для бейджів і PDF-брошур. Адаптив повний — від 1920px desktop до 390px mobile, з ламбургер-меню і колапсом картинок під одну колонку.