Корпоративный сайт · 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 (на дом приходит техник, замеряет и рассчитывает цену), а trade-клиенты подают запрос на оптовые партии через отдельную страницу 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, с гамбургер-меню и коллапсом картинок в одну колонку.