Back to Projects

Stravion Construction Group

Premium corporate website for a UK luxury construction company — residential, commercial & structural builds — featuring a service showcase, project portfolio, and high-converting lead generation.

Role

Frontend Developer UI/UX Designer

Category

Frontend

Project Gallery

Stravion Construction Group - Main
Stravion Construction Group - Screenshot 1
Stravion Construction Group - Screenshot 2
Stravion Construction Group - Screenshot 3

Project Overview

Stravion Construction Group is a premium construction and project management company delivering high-quality, turnkey solutions across the United Kingdom — Midlands-based, UK-wide delivery. The brief was to build a digital presence as refined as the builds themselves, projecting trust, craftsmanship, and 15+ years of excellence to high-value residential and commercial clients. **Design Philosophy:** Built around a cinematic dark aesthetic with a gold-and-white typographic system, the site positions Stravion as a luxury authority in the UK construction market. Every section is intentional — from the dramatic hero ("Building Excellence. Delivering Confidence.") to the editorial project video gallery. **Core Platform Features:** • **Homepage Hero:** Full-screen cinematic section with dual CTAs ("View Projects" / "Get a Quote"), immediately establishing brand authority and driving conversion. • **About Section:** "Built For High-End Living & Commercial Excellence" — communicates the company's 15+ year track record with imagery of completed luxury interiors and commercial fit-outs. • **Our Process:** A structured 5-step transparency framework (Consultation → Planning → Design → Construction → Delivery) that builds client confidence and differentiates the brand from competitors. • **Project Videos Gallery:** A rich media showcase featuring categorised project videos (High-End Domestic, Commercial) — including luxury bathroom & wet rooms and commercial shopfront fit-outs — demonstrating real-world delivery quality. • **Lead Generation:** WhatsApp integration and a direct quote request flow, enabling high-intent prospects to connect instantly with the team. • **SEO & Performance:** Optimised metadata, Open Graph tags, and fast-loading static delivery for strong organic search visibility in competitive local construction queries.

Key Features

  • Cinematic Hero with Dual-CTA Conversion Design
  • 5-Step Process Transparency Framework
  • Rich Project Video Gallery (Domestic & Commercial)
  • WhatsApp & Direct Quote Lead Generation
  • Luxury Brand Identity: Gold / Black / White System
  • About Section with 15+ Years Credibility Signals
  • SEO-Optimised with Structured Metadata & Open Graph
  • Fully Responsive Mobile-First Layout

Tech Stack

frontend

Next.jsTypeScriptCSS3

other

VercelSEO OptimizationOpen GraphWhatsApp API