Overview
HOLME Engineering builds mission-critical software for autonomous marine vessels, offshore energy systems, and industrial automation platforms. This project is the full corporate web platform — a high-performance Next.js application that communicates the company's technical capabilities, services, and engineering philosophy.
The site is designed for decision-makers at shipyards, energy companies, and defense contractors who evaluate technical partners through their digital presence. Every detail — from sub-second load times to physics-based loading animations — reinforces the engineering precision that defines HOLME.
Key Systems
- Autonomous Navigation — GPS-denied transit, DP3-class station-keeping, real-time collision avoidance with multi-sensor fusion (LiDAR + sonar + INS)
- Power Management (PMS) — Multi-generator configurations with sub-millisecond failover and AI-driven load prediction
- Energy Storage (ESS) — Battery-hybrid architectures with thermal management and cycle optimization
- Integrated Automation (IAS) — Unified vessel control spanning propulsion, HVAC, ballast, and fire safety
- Zero-Emission Propulsion — Hydrogen fuel-cell and full-electric drive systems for IMO 2030+ compliance
Technical Implementation
Frontend Architecture
Built on Next.js 16 App Router with React 19 Server Components as the default rendering mode — client boundaries only where interactivity is required. Turbopack powers the development experience for instant HMR.
All content is config-driven from
, enabling fast iteration without touching component code. Barrel exports and path aliases (
,
) enforce clean, unambiguous imports.
Animation & Scroll
- Framer Motion — Declarative component animations and parallax scroll effects
- GSAP + Lenis — Smooth-scroll orchestration and scroll-triggered section reveals
- Physics-based loader — Custom SVG ocean scene with spring-damper ship buoyancy tied to real loading progress; horizontal translateX maps to a cubic easing curve
All animations use
and
exclusively — zero layout thrashing, fully GPU-composited.
Backend API
A production-grade Dynamic Headless CMS built on Laravel 13 (PHP 8.3+), powering pages, news, publications, subscribers, and contact messages.
- Dynamic Page Builder — Schema-driven with 39 section types, Redis caching
- News Module — Article lifecycle (draft → published → archived), filters, categories, Postmark email delivery
- Subscribers & Campaigns — Newsletter subscription, token-based unsubscribe, bulk email campaigns
- Testing — 1,333 Pest 4 tests covering all modules, validation rules, authorization, and edge cases
Security & Performance
- , , strict Referrer and Permissions policies
- WebP primary with PNG fallback; quality tiers for hero and content images
- Fonts cached at ; images at
- axe-core E2E accessibility audits, respected across all animations
Outcome
This project demonstrates expertise in:
- Full-stack architecture across two distinct codebases (Next.js + Laravel)
- Physics-driven UI engineering for a premium technical audience
- Production infrastructure — Docker, Nginx, Supervisor, Redis queue workers
- Mission-critical reliability standards: zero-downtime deployments, 1,333-test coverage, Lighthouse CI gating
