🚀 Frontend Astro & ExpĂ©rience Utilisateur¶
L'application publique de Gallois Sisal est développée avec le framework Astro (apps/web), garantissant une vitesse d'affichage instantanée, une empreinte carbone minimale et une accessibilité exemplaire.
🎨 Principes de Design & Charte Anti-Slop¶
Le design du site respecte des choix visuels stricts et affirmés :
- Typographie Institutionnelle : Utilisation de la police Overused Grotesk (lisibilité accrue, hiérarchie nette, accents nobles).
- Palette Naturelle Sisal :
- Vert ForĂŞt / Mandrare : #1B3B2B
- Sisal Naturel / Beige doux : #F7F5EE
- Terreux / Ocre doux : #8D6E63
- Rejet du Design Générique (Anti-Slop) :
- Aucun dégradé violet/bleu artificiel.
- Aucune carte flottante ou ombre portée circulaire exagérée.
- Centrage optique et mathématique rigoureusement validé sur chaque composant.
- Contenu toujours visible par défaut (pas de blocage sur des animations d'entrée opacity 0).
📱 Pages et Composants de l'application¶
| Page | URL Route | Description |
|---|---|---|
| Accueil | / |
Hero immersif, histoire, chiffres clés (1500 t/an, 650 salariés), vidéo de la vallée du Mandrare. |
| À Propos | /about |
Histoire depuis 1945, engagement sociétal et transmission intergénérationnelle. |
| Produits | /products |
Catalogue des grades de fibre de sisal (Grade 1, 2, 3L, UG, Tow) et fiches techniques. |
| Construire Ensemble | /build-together |
Programme d'incubation, partenariats R&D, accueil des chercheurs et industriels. |
| Transition | /transition |
Transition agro-Ă©cologique, gestion de l'eau, Ă©nergie solaire et valorisation des co-produits. |
| Impact | /impact |
Éducation, santé des salariés, développement local à Amboasary-Atsimo. |
| Contact | /contact |
Formulaire commercial B2B, coordonnées du siège et de la plantation. |
♿ AccessibilitĂ© & Performance¶
- Score Lighthouse 90+ systématique sur mobile et desktop.
- Widget d'Accessibilité intégré (
AccessibilityWidget.astro) permettant le réglage du contraste, de la taille du texte et de l'interlignage pour les personnes malvoyantes. - Smooth Scroll & Micro-interactions : Intégration légère de GSAP et Lenis sans bloquer le rendu critique.