Animer — site web

Ce projet est une proposition, pas un site livré. Il s’agit d’un site vitrine avec blog conçu pour Animer — Acteurs Nationaux et Indépendants pour une Mode Engagée et Régénérative —, dans le prolongement de la charte de marque réalisée pour le même client. Le site n’a pas été mis en production : les textes des pages (manifeste, missions, programmes), les articles du blog et les coordonnées sont des contenus de substitution, en attente de validation. Les visuels présentés ici se limitent au haut de la page d’accueil.

La charte comme point de départ

Les éléments de marque viennent de la charte Animer : la palette, avec l’orange #ee7523, la typographie Plein, les règles d’usage du jaune et de contraste, et le logotype composé sur deux lignes. Le site les associe à une direction visuelle qui remplace une première version en aplats et angles droits : dégradés, effets de verre, halos lumineux et angles largement arrondis.

Construction

Le site est un site statique construit avec Astro et Tailwind CSS. Les animations reposent sur GSAP et Lenis. L’en-tête prévoit un objet en 3D (Three.js), chargé seulement à son apparition et remplacé par une image fixe quand l’appareil ne s’y prête pas ; l’objet définitif restait à valider. Le contenu éditorial est séparé du code, dans des fichiers prévus pour être repris par un outil d’édition (Sveltia CMS) dans une seconde phase.