A cinematic WebGL stage for a Geneva builder

Dani Groupe is a Geneva-based general contractor and renovation company serving property owners across French-speaking Switzerland, alongside commercial and diplomatic clients like UN missions and embassies. They needed a brand presence that matched the precision and weight of their work across some sixteen trades, from asbestos removal and demolition to facade insulation and turnkey kitchens. A standard template would have undersold them. They wanted something that felt as considered as a finished build.

We built a bespoke multi-page site on Next.js 16 and React 19, with a warm-dark editorial design system. The whole thing runs on a single content file, so every line of French-Swiss copy, every service, reference, and project lives in one editable place, with photography routed through a single 4K image map. The centerpiece is a custom WebGL hero: we hand-wrote GLSL vertex and fragment shaders that render the hero photography or 4K video on a high-poly plane, with simplex-noise breathing, a mouse-tracked ripple, scroll-driven displacement, chromatic aberration, and a face-safe mask so the subject stays sharp while the edges distort. We were deliberate about performance, shipping a lightweight HTML5 video hero on mobile so phones never pay the cost of the desktop shader.