TN Construction — carpentry & joinery one-pager из Лондона
London-based carpentry & joinery бренд TN Construction: one-pager на WordPress с 5 service-категориями, 60+ фото с реальных объектов в portfolio-слайдере и Contact Form 7.
Контекст
TN Construction (юридически — T N TEAM LIMITED) — карпентри-бренд из Лондона, специализирующийся на структурных и fit-out работах для residential-объектов: stud walls, roof framing, kitchens, parquet, bespoke wardrobes. Задача сайта — стать публичной front-door для лидов из поиска, Instagram и Facebook и конвертировать их в телефонный звонок. Без блога, без shop, без личных кабинетов — всё на одном экране.
До запуска команда работала исключительно из Instagram-фида (PXL_-IMG-and-friends), без структурированного каталога услуг. Сайт должен был закрыть три gap-а: показать spectrum работ, агрегировать 60+ реальных фото с объектов за 2023–2026 в одну галерею и дать один быстрый путь к контакту.
Что сделали
Сайт построен как one-pager на WordPress с custom-темой tnconstructionwp (без page-builder’а — сугубо ручная вёрстка PHP-шаблонов). Anchor-навигация: Home / About / Services / Portfolio / Contact. Оранжево-белый акцент через orange CTA-кнопки, оранжевые H1/H2, тонкие sans-serif body-параграфы. Логотип — orange «TN» с силуэтом дома.
About: короткая company-страница со side-by-side декором
Two-column блок: слева — интерьерное фото готовой kitchen (sink + cabinets + chairs) как декоративный reference. Справа — H2 «ABOUT OUR COMPANY» и параграф о команде и позиционировании («growing team of skilled builders and carpenters»). Без metric-блоков, без team-photos — сдержанная презентация.
Services: 5 категорий с картинками и bullet-листами
Гранд-блок Services — пятикарточный grid (2-кол, с топ-row на 1 карточку): First Fix & Structural Works, Second Fix Carpentry, Repairs and Maintenance, Bespoke Carpentry & Joinery, Flooring Installation. Каждая карточка имеет фото с реального объекта, название категории и bullet-перечень подуслуг (Stud Walls / Roof Framing / Skirtings / Engineered Parquet / etc.). Это и есть каталог — фото-пресейл для сегментов спроса.
Portfolio: 60+ фото в slider с 11 слайдами
Portfolio-блок — slider с пагинацией 1…11. Каждый слайд показывает 6 фото в grid 4×2 (top: 3 широких, bottom: 4 полноразмерных). Контент — реальная объектная фотография за 2023–2026 (PXL_-prefixed Pixel-фото с фронтальной камеры, плюс DJI-дроны для крупных структур). Слайды тематически группируются: kitchen carcass / dormer framing / structural roof / parquet rooms / bespoke wardrobes / bathroom fittings.
Contact: форма + Google Maps с London-пином
Contact-блок — двухколоночный: слева Contact Form 7 с полями First Name / Last Name / Email / Subject / Message + оранжевая SUBMIT-кнопка. Справа — Google Maps Embed на London с меткой. Подкреплено footer-блоком с tel-link на +44, mailto-email, geo-link на Google Maps и 4 social-кнопками (Facebook / Telegram / Instagram / YouTube).
Детали реализации
Адаптив
На 390px header сжимается в burger-icon + центрированный TN-логотип. Hero-фото переезжает из right-side декора в отдельную секцию под заголовком. Services-grid перестраивается в 1 колонку. Portfolio-slider сохраняет логику, но показывает 1–2 фото на слайд. Контакт-форма занимает всю ширину, Google Maps идёт ниже.
Stack и безопасность
WordPress 7.0 + custom theme tnconstructionwp, Contact Form 7 для формы. Без page builder’а (Elementor / Divi / Beaver) — полный контроль над markup и CSS. SSL с собственного хостинга, формальная страница Privacy Policy и Terms of Use внизу для GDPR/UK-compliance.
Footer + brand-identity
Тёмный футер: слева — orange TN-логотип, посередине — Contact-блок (tel / email / London, UK с geo-link на Google Maps), справа — 4 social-кнопки. Нижний бар — copyright «© 2025 TN Construction is a trading name of T N TEAM LIMITED» + Privacy Policy / Terms of Use.
Результат
TN Construction получила single-page лид-захват с чёткой service-таксономией и портфолио, построенным на собственной фотографии с объектов. Phone-CTA в шапке и footer-form в контакте дают два параллельных пути к конверсии. 5 категорий работ покрывают весь спектр residential carpentry-заказов в Лондоне — от stud walls до flooring и bespoke joinery — без необходимости в дальнейших подстраницах или каталогах.
