TN Construction — carpentry & joinery one-pager з Лондона

Контекст

TN Construction (юридично — T N TEAM LIMITED) — карпентри-бренд із Лондона, що спеціалізується на структурних і fit-out роботах для residential-об’єктів: stud walls, roof framing, kitchens, parquet, bespoke wardrobes. Завдання сайту — стати публічною front-door для leads із пошуку, 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. Помаранчево-білий acent через 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” і параграф про команду й positioning (“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.). Це і є каталог — фото-преcell для сегментів попиту.

Portfolio: 60+ фото у slider з 11 слайдами

Portfolio-блок — slider з пагінацією 1…11. Кожен слайд показує 6 фото у grid 4×2 (top: 3 широких, bottom: 4 повноразмірних). Контент — реальна object-фотографія за 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 — без потреби в подальших підсторінках чи каталогах.