Eine cinematische WebGL-Buehne fuer einen Genfer Bauunternehmer

Dani Groupe ist ein Genfer Generalunternehmer und Renovierungsunternehmen, das Immobilieneigentuemer in der gesamten Westschweiz betreut, neben kommerziellen und diplomatischen Kunden wie UN-Missionen und Botschaften. Sie brauchten eine Markenpraesenz, die der Praezision und dem Gewicht ihrer Arbeit ueber rund sechzehn Gewerke hinweg entsprach, von der Asbestsanierung und dem Abbruch bis zur Fassadendaemmung und schluesselfertigen Kuechen. Eine Standardvorlage haette sie unter Wert verkauft. Sie wollten etwas, das so durchdacht wirkt wie ein fertiger Bau.

Wir entwickelten eine massgeschneiderte mehrseitige Website auf Next.js 16 und React 19 mit einem warmen, dunklen editorialen Designsystem. Das Ganze laeuft ueber eine einzige Inhaltsdatei, sodass jede Zeile franzoesisch-schweizerischer Texte, jede Leistung, Referenz und jedes Projekt an einem editierbaren Ort liegt, mit Fotografie ueber eine einzige 4K-Bildkarte. Das Herzstueck ist ein individueller WebGL-Hero: Wir haben GLSL-Vertex- und Fragment-Shader von Hand geschrieben, die die Hero-Fotografie oder ein 4K-Video auf einer hochaufloesenden Flaeche rendern, mit Simplex-Noise-Atmung, einer mausgesteuerten Welle, scrollgesteuerter Verschiebung, chromatischer Aberration und einer gesichtsschonenden Maske, damit das Motiv scharf bleibt, waehrend die Raender verzerren. Wir gingen bewusst mit der Performance um und lieferten auf Mobilgeraeten einen leichtgewichtigen HTML5-Video-Hero, sodass Telefone nie den Preis des Desktop-Shaders zahlen.