# Checklist assets — evoluticgroupe.com Guide pour l'équipe Evolutic : quoi capturer, où déposer les fichiers, et comment le site les utilisera automatiquement. --- ## Structure des dossiers Déposez tous les fichiers ici (chemins relatifs au projet) : ``` public/assets/img/solutions/ ├── evolutic-immo/ │ ├── logo.png │ ├── hero.jpg │ ├── card-thumb.jpg │ ├── screenshot-dashboard.png │ ├── screenshot-mobile-money.png │ └── screenshot-locataires.png └── stockfri/ ├── logo.png ├── hero.jpg ├── card-thumb.jpg ├── screenshot-dashboard.png ├── screenshot-stock.png └── screenshot-caisse.png ``` > Dès qu'un fichier est présent à cet emplacement, le site l'affiche à la place des visuels génériques actuels. Aucune modification de code nécessaire. --- ## Spécifications techniques | Type | Dimensions | Format | Poids max | Notes | |------|------------|--------|-----------|-------| | **Logo produit** | 400 × 120 px | PNG fond transparent | 80 Ko | Version horizontale, lisible sur fond blanc et foncé | | **Hero** (bannière page détail) | 1600 × 900 px | JPG ou WebP | 300 Ko | Écran produit flottant sur fond uni ou photo contextuelle | | **Card thumb** (carte accueil / solutions) | 800 × 500 px | JPG ou WebP | 150 Ko | Recadrage serré sur l'interface principale | | **Screenshot desktop** | 1440 × 900 px | PNG | 400 Ko | Fenêtre navigateur complète, barre d'adresse visible | | **Screenshot mobile** (optionnel) | 390 × 844 px | PNG | 200 Ko | iPhone 14 Pro, pour section responsive | | **OG / partage social** (optionnel) | 1200 × 630 px | JPG | 200 Ko | Pour LinkedIn, WhatsApp, Facebook | ### Règles de capture 1. **Données fictives crédibles** — noms, montants en FCFA, villes (Cotonou, Abidjan, Cocody…). 2. **Masquer les données sensibles** — vrais numéros de téléphone, emails clients, IBAN. 3. **Langue** — interface en français. 4. **Navigateur** — Chrome, fenêtre maximisée, zoom 100 %, mode clair. 5. **Retouche légère** — recadrage + compression ( [Squoosh](https://squoosh.app) ou TinyPNG ). Pas de filtres lourds. 6. **Cohérence** — même style de cadre pour toutes les captures d'un même produit. ### Outil recommandé - **Desktop** : extension Chrome « Full Page Screen Capture » ou `Cmd+Shift+4` (Mac) sur la fenêtre. - **Mobile** : simulateur Chrome DevTools (F12 → icône mobile → iPhone 14 Pro). - **Mockup** (optionnel) : [shots.so](https://shots.so) ou Figma pour encadrer l'écran dans un laptop. --- ## EvoluticImmo — 6 assets à produire **URLs de capture** | Page | URL | |------|-----| | Site vitrine | https://evoluticimmo.com | | Application | https://app.evolutic-immo.com | ### Fichier 1 — `logo.png` - Exporter le logo EvoluticImmo depuis la charte graphique ou le header du site. - Si pas de logo séparé : demander à l'équipe design une version PNG transparente. ### Fichier 2 — `hero.jpg` **Quoi montrer** : composition marketing — dashboard EvoluticImmo sur un laptop + notification Mobile Money « Loyer reçu — 85 000 FCFA ». **Page à capturer** : dashboard principal de `app.evolutic-immo.com` (connecté avec compte démo). **Éléments visibles idéalement** : - Revenus du mois - Taux d'occupation - Liste des paiements récents ### Fichier 3 — `card-thumb.jpg` **Quoi montrer** : vue resserrée du dashboard (même écran que hero, recadré). **Usage** : cartes sur l'accueil et `/solutions`. ### Fichier 4 — `screenshot-dashboard.png` | Champ | Valeur | |-------|--------| | **Page** | Dashboard / tableau de bord | | **URL** | `app.evolutic-immo.com` (après connexion) | | **Légende site** | « Tableau de bord en temps réel » | | **À montrer** | KPIs, graphique revenus, liste biens | ### Fichier 5 — `screenshot-mobile-money.png` | Champ | Valeur | |-------|--------| | **Page** | Écran paiement ou historique paiements | | **Légende site** | « Encaissement Mobile Money intégré » | | **À montrer** | Confirmation paiement Orange Money / Wave, montant FCFA, statut « Confirmé » | ### Fichier 6 — `screenshot-locataires.png` | Champ | Valeur | |-------|--------| | **Page** | Liste locataires ou fiche locataire | | **Légende site** | « Gestion centralisée des locataires » | | **À montrer** | Liste avec statut paiement (payé / en retard), nom du bien | --- ## StockFri — 6 assets à produire **URL de capture** | Page | URL | |------|-----| | Application | https://stockfri.evoluticgroupe.com | > Se connecter avec un compte démo contenant des produits, stocks et ventes fictifs. ### Fichier 1 — `logo.png` - Logo StockFri (à créer si inexistant : typo « StockFri » en vert `#0D6B54` + pictogramme boîte/caisse). - Dimensions : 400 × 120 px, PNG transparent. ### Fichier 2 — `hero.jpg` **Quoi montrer** : dashboard StockFri avec liste de produits et indicateur « valeur du stock ». **Éléments visibles idéalement** : - Nombre de références en stock - Alertes rupture (1–2 produits en rouge) - Chiffre du jour ### Fichier 3 — `card-thumb.jpg` Vue resserrée du dashboard ou de l'écran stock principal. ### Fichier 4 — `screenshot-dashboard.png` | Champ | Valeur | |-------|--------| | **Page** | Dashboard / accueil admin | | **Légende site** | « Vue d'ensemble de votre activité » | | **À montrer** | Stats du jour, graphique ventes, accès rapides | ### Fichier 5 — `screenshot-stock.png` | Champ | Valeur | |-------|--------| | **Page** | Liste des produits / inventaire | | **Légende site** | « Stock multi-dépôts en temps réel » | | **À montrer** | Tableau produits, quantités, seuils d'alerte, dépôt | ### Fichier 6 — `screenshot-caisse.png` | Champ | Valeur | |-------|--------| | **Page** | Caisse / nouvelle vente | | **Légende site** | « Caisse et ventes en un clic » | | **À montrer** | Panier, total FCFA, bouton valider vente | --- ## Evolutic Groupe (site mère) — optionnel | Fichier | Dimensions | Usage | |---------|------------|-------| | `public/assets/img/solutions/hero-groupe.jpg` | 1920 × 850 | Slide hero accueil (équipe ou bureau) | | `public/assets/img/logo_evo.png` | déjà existant | Vérifier résolution ≥ 300 px largeur | --- ## Checklist de livraison Cochez au fur et à mesure : ### EvoluticImmo - [ ] `logo.png` - [ ] `hero.jpg` - [ ] `card-thumb.jpg` - [ ] `screenshot-dashboard.png` - [ ] `screenshot-mobile-money.png` - [ ] `screenshot-locataires.png` ### StockFri - [ ] `logo.png` - [ ] `hero.jpg` - [ ] `card-thumb.jpg` - [ ] `screenshot-dashboard.png` - [ ] `screenshot-stock.png` - [ ] `screenshot-caisse.png` ### Validation qualité (avant envoi) - [ ] Texte lisible à 100 % de zoom navigateur - [ ] Aucune donnée client réelle visible - [ ] Fichiers nommés exactement comme ci-dessus (minuscules, tirets) - [ ] Poids total du dossier < 3 Mo --- ## Où chaque asset apparaît sur le site | Fichier | Accueil | `/solutions` | Page détail produit | |---------|---------|--------------|---------------------| | `logo.png` | — | Carte solution | En-tête | | `card-thumb.jpg` | Carte solution | Carte solution | — | | `hero.jpg` | — | — | Bannière + fond section | | `screenshot-*.png` | — | — | Galerie « Aperçu de la plateforme » | --- ## Contact livraison Envoyer les fichiers par : 1. **Commit Git** dans `public/assets/img/solutions/` (recommandé), ou 2. **Drive / WhatsApp** à l'équipe technique avec arborescence respectée. Une fois déposés, prévenir l'équipe dev : le site basculera automatiquement sur les vrais visuels.