donnees_20260325_145741

Fiche Descriptive Complète : NeoAgra Business Plan

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template neoagra_business_plan_2026.html

Version 1.0.0

Date de création 25/03/2026

Auteur / Designer NeoAgra Tech Team (Refoia Jeremy Tech Standard)

Type de page Business Plan Interactif / Dashboard de Présentation

Objectif principal Présenter la stratégie 2026 aux investisseurs et partenaires.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine technologique immersive pour un projet d’Agrotech. Il utilise une mise en page de type Dashboard avec une navigation latérale collante (sticky) pour structurer un Business Plan complexe en sections digestes : Résumé, Marché, Modèle Éco et Finance. L’esthétique « Glassmorphism » et les accents vert émeraude renforcent l’image écologique et innovante de la marque.

📌 Public cible (Persona)

👤 Investisseurs VC / Business Angels : Pour une lecture rapide des métriques clés (TAM, SOM, Projections).

👤 Partenaires Institutionnels : Pour comprendre la vision d’autonomie alimentaire urbaine.

👤 Équipes internes : Document de référence pour la feuille de route 2026.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Inter (Google Fonts) pour une lisibilité maximale.

Browsers ciblés : Chrome ✅ Firefox ✅ Safari ✅ Edge ✅.

Responsive : Partiel (Sidebar masquée sur mobile, layout en colonne unique).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 project_id str ✅ ID unique (ex: BP-TECH-2026)

2 tam_value str ✅ Taille du marché mondial (TAM)

3 revenue_projections array ✅ Données pour les barres de progression financières

4 business_model_data object ✅ Parts de revenus pour le tableau

🧱 STRUCTURE DU FICHIER — DOM

neoagra_business_plan_2026.html

aside : Sidebar fixe contenant le logo, l’ID du document et la navigation par ancres (#summary, #market, etc.).

main :

header : Titre H1 percutant et sous-titre de mission.

section #summary : Card avec effet « Glassmorphism » présentant la vision et la valeur unique.

div .grid (Marché & Finance) :

Gauche : Liste des métriques de marché avec badges.

Droite : Dashboard financier sombre (Dark Mode) avec barres de progression animées visuellement.

section #business-model : Tableau propre listant les sources de revenus.

footer : Copyright et icônes sociales.

🎨 CHARTE GRAPHIQUE

🎨 Palette de Couleurs (Design Tokens)

Primary (Emerald) : #10b981 (Succès, Nature, Croissance).

Secondary (Slate) : #1e293b (Sérieux, Professionnalisme).

Background : #f8fafc (Gris très clair pour le confort visuel).

Accent (Glass) : rgba(255, 255, 255, 0.9) avec backdrop-filter.

🔤 Typographie

Main Font : Inter, sans-serif.

Styles : Italique pour le logo, Mono pour les IDs techniques, Gras (700+) pour les chiffres clés.

🧪 TESTS & VALIDATION (Checklist)

[ ] Responsive : Vérifier que la sidebar disparaît correctement sur smartphone (classe hidden lg:block).

[ ] Accessibilité : Ajouter des aria-labels sur les liens de navigation.

[ ] Performance : Remplacer l’import CDN Tailwind par une version compilée pour la production.

[ ] Interactivité : Vérifier que les ancres # scrollent bien vers les sections correspondantes.