DESIGN

Guide de Design - EcoData Platform

🌍 Thème Écologique

Palette de Couleurs

• Vert principal : #2e7d32 - Symbolise la nature et l’écologie
• Vert clair : #66bb6a, #81c784, #a5d6a7 - Dégradés apaisants
• Bleu ciel : #e3f2fd, #f1f8e9 - Fond aéré et frais
• Vert foncé : #1b5e20 - Textes importants

Éléments Visuels

• Dégradés : Utilisation de gradients verts pour une ambiance naturelle
• Bordures arrondies : border-radius: 10-15px pour un look moderne
• Ombres douces : box-shadow pour la profondeur
• Icônes écologiques : 🌍 🌱 🌿 ♻️ 💚

Messages et Slogans

Slogan Principal

“Agir aujourd’hui pour préserver demain”

Messages par Section

🏠 Page d’Accueil

• Titre : “Bienvenue sur EcoData Platform”
• Message : “Ensemble, mesurons notre impact pour mieux le réduire !”
• Citations :
• “Chaque donnée partagée est un pas vers un avenir plus vert”
• “Mesurer pour mieux agir, agir pour mieux préserver”

📤 Déposer des Données

• Titre : “Partagez vos données, construisons ensemble un avenir durable”
• Message : “Chaque fichier déposé nous rapproche d’une planète plus verte”

Tableau de Bord

• Titre : “Visualisez votre impact environnemental en temps réel”
• Message : “Voir pour comprendre, comprendre pour agir”

📂 Mes Fichiers

• Titre : “Gérez vos contributions à la transition écologique”
• Message : “Organisez vos données, optimisez votre impact”

Analyses

• Titre : “Analyses approfondies pour un impact mesurable”
• Message : “Des données précises pour des décisions éclairées”

Objectifs de Design

1. Inspirer l’action : Couleurs vives et messages motivants
2. Clarté : Interface épurée et intuitive
3. Connexion nature : Palette verte rappelant l’environnement
4. Optimisme : Ton positif et encourageant
5. Professionnalisme : Design moderne et sérieux

Citations Écologiques (Rotation aléatoire)

• 🌿 “La nature ne fait rien en vain”
• 🌍 “Soyez le changement que vous voulez voir”
• ♻️ “Réduire, réutiliser, recycler”
• 🌱 “Chaque geste compte pour notre planète”
• 💚 “Protégeons notre maison commune”
• 🌊 “L’eau, l’air, la terre : notre héritage”

Composants Visuels

Cartes d’Information (Quote)

background: linear-gradient(120deg, #a5d6a7, #81c784);
padding: 20px;
border-radius: 10px;
border-left: 5px solid #2e7d32;

En-tête Principal

background: linear-gradient(135deg, #66bb6a 0%, #43a047 100%);
border-radius: 15px;
box-shadow: 0 8px 16px rgba(0,0,0,0.2);

Call-to-Action

background: linear-gradient(135deg, #81c784, #66bb6a);
padding: 30px;
border-radius: 15px;

📱 Responsive Design

• Layout “wide” pour profiter de l’espace
• Colonnes adaptatives (col1, col2)
• Sidebar extensible par défaut

Expérience Utilisateur

Points Forts

1. Premier impact visuel : Bannière verte accueillante
2. Navigation claire : Menu avec icônes explicites
3. Messages motivants : Citations inspirantes à chaque page
4. Feedback visuel : Métriques en temps réel
5. Cohérence : Thème vert omniprésent

Émotions Ciblées

• 🌱 Espoir : Un avenir meilleur est possible
• Empowerment : Chacun peut agir
• 🤝 Collaboration : Ensemble, c’est mieux
• Transparence : Données claires et accessibles
• Action : Passer des intentions aux actes

🔄 Améliorations Futures

1. Images de fond : Photos de nature haute qualité
2. Animations : Transitions douces entre les pages
3. Dark mode : Version sombre avec tons verts
4. Graphiques personnalisés : Couleurs cohérentes avec le thème
5. Badges de réussite : Gamification écologique