Une scene WebGL cinematographique pour un constructeur genevois

Dani Groupe est une entreprise generale et de renovation basee a Geneve, au service des proprietaires de toute la Suisse romande, ainsi que de clients commerciaux et diplomatiques comme les missions de l'ONU et les ambassades. Ils avaient besoin d'une presence de marque a la hauteur de la precision et du poids de leur travail sur quelque seize corps de metier, du desamiantage et de la demolition a l'isolation de facade et aux cuisines cles en main. Un modele standard les aurait sous-estimes. Ils voulaient quelque chose d'aussi reflechi qu'un ouvrage acheve.

Nous avons construit un site multi-pages sur mesure sur Next.js 16 et React 19, avec un systeme de design editorial chaud et sombre. L'ensemble repose sur un seul fichier de contenu, de sorte que chaque ligne de texte en francais suisse, chaque prestation, reference et projet se trouve a un seul endroit modifiable, la photographie passant par une unique carte d'images 4K. La piece maitresse est un hero WebGL sur mesure: nous avons ecrit a la main des shaders GLSL vertex et fragment qui rendent la photographie ou la video 4K du hero sur un plan haute densite, avec une respiration en simplex-noise, une ondulation suivant la souris, un deplacement au defilement, une aberration chromatique et un masque preservant le visage pour que le sujet reste net pendant que les bords se deforment. Nous avons aborde la performance de maniere deliberee, en livrant sur mobile un hero video HTML5 leger, afin que les telephones ne paient jamais le cout du shader de bureau.