TN Construction — a carpentry & joinery one-pager from London
London-based carpentry & joinery brand TN Construction: one-pager на WordPress з 5 service-категоріями, 60+ фото з реальних обʼєктів у portfolio-слайдері і Contact Form 7.
Context
TN Construction (legally T N TEAM LIMITED) is a London carpentry brand specialising in structural and fit-out work for residential properties: stud walls, roof framing, kitchens, parquet, bespoke wardrobes. The site’s job was to become the public front door for leads coming from search, Instagram and Facebook, and to convert them into a phone call. No blog, no shop, no user accounts — everything on one screen.
Before launch the team operated purely off an Instagram feed (PXL_-prefixed photos and the like), with no structured services catalogue. The site had to close three gaps: show the range of work, pull 60+ real photos from 2023–2026 projects into one gallery, and provide one fast path to contact.
What we built
The site was built as a one-pager on WordPress with a custom theme, tnconstructionwp (no page builder — purely hand-built PHP templates). Anchor navigation: Home / About / Services / Portfolio / Contact. An orange-and-white accent through orange CTA buttons, orange H1/H2s, and thin sans-serif body paragraphs. The logo is an orange “TN” with a house silhouette.
About: a short company page with side-by-side décor
A two-column block: on the left, an interior photo of a finished kitchen (sink + cabinets + chairs) as decorative reference. On the right, an H2 “ABOUT OUR COMPANY” and a paragraph on the team and positioning (“growing team of skilled builders and carpenters”). No metric blocks, no team photos — a restrained presentation.
Services: 5 categories with images and bullet lists
The main Services block is a five-card grid (2 columns, with a top row of 1 card): First Fix & Structural Works, Second Fix Carpentry, Repairs and Maintenance, Bespoke Carpentry & Joinery, Flooring Installation. Each card has a photo from a real project, a category name and a bullet list of sub-services (Stud Walls / Roof Framing / Skirtings / Engineered Parquet / etc.). This is effectively the catalogue — a photo pre-select for each demand segment.
Portfolio: 60+ photos in an 11-slide slider
The Portfolio block is a slider with pagination 1…11. Each slide shows 6 photos in a 4×2 grid (top: 3 wide, bottom: 4 full-size). The content is real project photography from 2023–2026 (PXL_-prefixed Pixel phone shots, plus DJI drone footage for larger structures). Slides are grouped thematically: kitchen carcass / dormer framing / structural roof / parquet rooms / bespoke wardrobes / bathroom fittings.
Contact: a form plus a Google Maps pin over London
The Contact block is two columns: on the left, a Contact Form 7 with First Name / Last Name / Email / Subject / Message fields plus an orange SUBMIT button. On the right, an embedded Google Maps view of London with a pin. It’s backed by a footer block with a tel link to a +44 number, a mailto address, a geo-link to Google Maps and 4 social buttons (Facebook / Telegram / Instagram / YouTube).
Implementation details
Responsive layout
At 390px the header collapses into a burger icon plus a centred TN logo. The hero photo moves from a right-side decorative element into its own section under the heading. The Services grid rebuilds into a single column. The Portfolio slider keeps the same logic but shows 1-2 photos per slide. The contact form runs full width, with Google Maps below it.
Stack and security
WordPress 7.0 plus a custom theme, tnconstructionwp, Contact Form 7 for the form. No page builder (Elementor / Divi / Beaver) — full control over markup and CSS. SSL from the company’s own hosting, formal Privacy Policy and Terms of Use pages at the bottom for GDPR/UK compliance.
Footer and brand identity
A dark footer: on the left, the orange TN logo; in the centre, a contact block (tel / email / London, UK with a geo-link to Google Maps); on the right, 4 social buttons. The bottom bar carries the copyright line, “© 2025 TN Construction is a trading name of T N TEAM LIMITED”, plus Privacy Policy / Terms of Use links.
Result
TN Construction ended up with single-page lead capture built around a clear service taxonomy and a portfolio built from its own project photography. A phone CTA in the header and a footer contact form give two parallel routes to conversion. The 5 service categories cover the full range of residential carpentry work in London — from stud walls to flooring and bespoke joinery — with no need for further sub-pages or catalogues.
