PizzaZen

📋 Fiche Descriptive : PizzaZen Tech-Gourmet

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template PizzaZen.html

Version 1.0.0

Date de création 16 Mars 2026

Auteur / Designer Refoia Jeremy Tech

Type de page Business Plan Interactif / Landing Page Investisseur

Objectif principal Présenter la stratégie 2026 pour une levée de fonds (1M€)

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine immersive destinée à des investisseurs ou partenaires. Il structure un Business Plan complet sur une seule page, utilisant une esthétique « Tech-Gourmet » qui allie la chaleur de l’artisanat culinaire (tons orange/pierre) à la précision technologique (typographie moderne, effets de flou « Glassmorphism »).

📌 Public cible (Persona)

👤 Business Angels & VC : Pour une lecture rapide des indicateurs clés (CA, Point mort).

👤 Partenaires Logistiques : Pour comprendre le modèle de distribution.

👤 Collaborateurs internes : Comme guide de vision stratégique.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard : HTML5 Sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Google Fonts (Outfit pour le corps, Playfair Display pour les titres).

Responsive : ✅ Oui (Adaptation via classes md: de Tailwind).

📦 Dépendances & Assets

Tailwind Play CDN : https://cdn.tailwindcss.com

Fonts : Google Fonts API.

Graphismes : SVG inline pour les éléments décoratifs (cercles abstraits).

📥 CONTENU DYNAMIQUE (Variables Potentielles)

# Nom de la variable Type Obligatoire Description

1 current_year int ✅ Année de la stratégie (ex: 2026)

2 funding_goal string ✅ Montant de la levée de fonds

3 roadmap_steps array ✅ Liste des jalons financiers annuels

4 team_members array ❌ Liste des fondateurs et leurs rôles

🧱 STRUCTURE DU FICHIER — DOM

Le fichier suit une hiérarchie stricte pour favoriser le SEO et l’accessibilité :

header : Identité visuelle, titre « Hero » et badge de confidentialité.

main :

Section Résumé : glass-card contenant la Vision et la Proposition de Valeur.

Grille d’Analyse : 2 colonnes (Marché & Modèle) + 1 sidebar (Équipe & Levée).

Section Financière : Roadmap verticale et tableau de données synthétiques.

footer : Copyright et mentions légales.

🎨 CHARTE GRAPHIQUE

🎨 Palette de Couleurs

Primary (Action) : #f59e0b (Orange-500) – Rappel de la cuisson.

Secondary (Tech) : #0f172a (Slate-900) – Professionnalisme et technologie.

Background : #fafaf9 (Stone-50) – Douceur organique.

Accent : #10b981 (Emerald-600) – Indicateurs financiers positifs.

📐 Design System

Bordures : rounded-3xl pour un aspect moderne et « soft ».

Effets : backdrop-filter: blur(10px) pour les cartes « Glassmorphism ».

Gradients : pizza-gradient (Orange vers Rouge) pour le dynamisme.

♿ ACCESSIBILITÉ & SEO

Sémantique : Utilisation correcte des balises header, main, section, aside et footer.

Hiérarchie : Un seul h1, suivi de h2 thématiques et h3/h4 pour les détails.

Contrastes : Texte Slate-800 sur fond Stone-50 (Excellent confort de lecture).

Langue : Déclarée en fr.

🧪 TESTS & VALIDATION (Checklist)

[ ] Responsive : Vérifier que la sidebar aside passe bien sous le contenu principal sur mobile.

[ ] Performance : Optimiser l’appel du CDN Tailwind en production (passage en version compilée).

[ ] SEO : Vérifier que la meta description est personnalisée pour le projet.