Design system & écrans v6.1

Maquettes hi-fi pour les 19 écrans du livrable 9 — FEBI ITC SA · GET Sarl · Conakry. Tous les fichiers partagent la même charte (palette navy/blue/cyan, Inter + JetBrains Mono, icônes Lucide, ombres navy).

      v6.1 · Mai 2026
      Stack · Next.js 15 + Expo SDK 54
      Confidentiel · GET / FEBI ITC SA
    

FONDATIONS — 14 SECTIONS

Charte graphique complète

Logo (4 variantes), palette officielle, échelle typographique, espacement 8px, boutons, inputs, badges, cartes, tableau, modales/toasts, layout web (sidebar 12 rôles), patterns mobile.

Ouvrir les fondations

19 écrans hi-fi · groupés par métier

Maquettes par profil

      Cliquez une carte pour ouvrir l'écran
    

IoT Supervision (92 capteurs · slide-over détail station) · Réception avec contrôle densité ASTM D1250 · Flotte 22 camions.

OPE 3 vues

P07 + P09 + P11

Finances

Workflow paiements multi-seuils OTP · Structure des prix 5 niveaux + propagation · Comptabilité SYSCOHADA 6 journaux + rapprochement.

CFO TRE CPT 3 vues

P08 + P10 + P13 + P14

Commercial & GED

CRM Kanban dnd-kit · GEC Courriers avec pipeline IA · GED 13 catégories + Q&A IA · Portail QR public (5 états).

COM GCG Public 4 vues

P15 + P16 + P17 + P18

Admin, Audit, RH

Ressources Humaines (fiche 6 onglets + paie signée) · Admin (matrice 16×13 + double validation) · Auditeur (lecture seule absolue) · Catalogue Produits.

ADM AUD RRH GPR 4 vues

P04 + P05 + P06

Mobile (Expo SDK 54)

Gérant station (dashboard + clôture signée) · Pompiste (scan + vente offline + remise caisse) · Chauffeur (circuit 8 étapes QR/GPS + double signature).

GER POM CHA 8 vues

Note technique — chaque page compile son JSX en navigateur via Babel-standalone (≈ 8-15 s de chargement). En production Next.js, la compilation est faite au build et ces écrans s'affichent instantanément. Le découpage en 6 fichiers évite de monter la durée à 60+ secondes.