The workshop, not the showroom.

Development & architecture

• 01 Static-first: Astro pre-renders 60+ pages with no client framework, so the site ships as flat HTML and hydrates only the motion layer.
• 02 Single source of truth: a flat TypeScript content model auto-wires the work stream, case-study pages, sitemap and counts from one file.
• 03 Build-time extraction: each case study pulls its standfirst, summary and outline out of static brand-brief HTML at build time.
• 04 Motion engine: GSAP and ScrollTrigger over Lenis smooth scroll, an interactive world-map footprint, scroll-scrubbed steppers and a custom cursor, all gated behind prefers-reduced-motion.
• 05 Theme and SEO: OKLCH design tokens with a no-flash day/night toggle, hand-built sitemap and robots, and full Open Graph and Twitter cards.

Development & architecture

• 01 Single-domain, division-routed: a masterbrand front door opens into six division areas (Analytics, Creatives, Commerce, Technology, Engineering, Sentinel), each carrying its own accent and emblem.
• 02 Endorsed brand system: one identity scales across the divisions without fragmenting the brand or the codebase.
• 03 Expandable division cards reveal each practice’s framework, services and typical outputs through accordion detail.
• 04 An interactive Zenith& Auditor is the primary call to action, a tool rather than a contact form.
• 05 Technical art direction: a wireframe-globe hero, scramble text and a geometric grotesque on a dark UI.

Development & architecture

• 01 Matrix content model: eleven chronological eras crossed with eight thematic lenses, so every entry is indexed against both a period and a theme.
• 02 Two ways in: descend the timeline era by era, or pull a single lens across the whole record and watch one thread run from prehistory to now.
• 03 Composable entries: because each item sits at an era-by-lens intersection, one entry surfaces on many paths without duplication.
• 04 Cinematic, editorial UI: dusk imagery, a high-contrast serif and the interlocking H monogram set the tone over the data.
• 05 Curation-first: fewer entries, deliberately chosen and framed as lessons rather than encyclopedia stubs.

Development & architecture

• 01 One masterbrand, three divisions: Transport, Convention, and Events & Caterers each get their own space under a single Swagat identity and the “promise of welcome” line.
• 02 Static-first Astro build, the same engine as this portfolio, pre-rendered and fast, with Tailwind tokens carrying the brand.
• 03 Narrative-led structure: a founding story from 1984, core values, and a Dispatches journal sit alongside the service pages rather than behind them.
• 04 Conversion built in: a catering menu, contact details, and a WhatsApp chat widget for direct enquiries.

Development & architecture

• 01 Platform, not practice: five engineering disciplines, from structural and post-tensioning to modular PPVC, precast detailing and architectural design, framed under one manufacturing logic and a unified BIM workflow.
• 02 A technology incubator section fronts the proprietary work: a robotic modular factory, a 3D concrete printer, and autonomous marine vehicles.
• 03 Decision tools built in: interactive ROI and carbon-savings calculators that weigh offsite manufacturing against traditional construction.
• 04 Hand-built static site: modular vanilla JS (core, components, a projects data file) with cache-busted assets, on Tailwind and Vercel.

Development & architecture

• 01 Specification-first framing: materials organised as ten solution categories, from structural systems to waterproofing, MEP, fire safety and finishes, positioned around conformance to PSQCA, ASTM and BS EN standards.
• 02 A BOQ-to-quote path is the primary call to action: upload a bill of quantities, get a priced quote back.
• 03 Built for buyers, not browsers: product search, an industries view, and a technical resource library that leads with standards guidance.
• 04 Next.js and React on Tailwind, statically served on Vercel.