Conception & développement
Direction artistique, conception, développement et contenus : AZUROTEC.
Idée graphique : « le réseau qui connecte les métiers ». Les électrons du hero se relient pour dessiner le logo, puis un workflow, la grille d’une page web, une constellation de recherches et un flux de production.
Technologies
React 18, TypeScript et Vite, avec un pré-rendu statique de chaque page : tout le texte est présent dans le HTML.
Mouvement : GSAP (ScrollTrigger, SplitText) et Lenis pour le défilement. Rendu 3D : OGL (WebGL 2), chargé après l’affichage de la page et seulement sur les appareils capables ; un canvas 2D prend le relais sinon.
Formulaires : React Hook Form et Zod. Icônes : Lucide. Hébergement : Cloudflare Pages.
Typographies
Syne (titres) et Manrope (texte), sous licence SIL Open Font License 1.1, servies depuis le site lui-même.
Images
Les photographies d’ambiance ont été créées pour AZUROTEC avec des outils d’IA générative, puis harmonisées par un traitement duotone et grain commun.
Réalisations : les vignettes de L’Univers Oriental et d’AM Plomberie sont des captures de la page d’accueil de leur site en ligne ; leurs noms et marques appartiennent à leurs titulaires. Le schéma du workflow d’automatisation est réalisé par AZUROTEC.
Accessibilité & sobriété
Le réglage « réduire les animations » de votre appareil affiche une version statique complète. Les effets lourds ne sont chargés qu’après la page, et mis en pause hors de l’écran.