Design System UI/UX

Guide ÉOLE

Maquettes interactives pour les modules Oxygénothérapie et Nébuliseurs. Cliquez sur une carte pour naviguer vers la page correspondante.

Pages Desktop
Oxygénothérapie
Listing O2 — Desktop
50 équipements, 12 fabricants, 4 filtres collapsibles (Constructeur, Type, Système, Mode O2), recherche, tri, favoris.
Oxygénothérapie
Détail O2 — Inogen G5
Fiche complète : quick specs, galerie, 4 onglets (Fiche technique, Avantages, Inconvénients, Remarques).
Nébuliseurs
Listing Nébuliseurs — Desktop
14 systèmes PARI, 7 filtres collapsibles (Marque, Technologie, Âge, Molécules, Mode respiration, Zone, Lieu, LPP).
Nébuliseurs
Détail Nébuliseur — eFlow rapid
6 onglets : Fiche technique, Compatibilité 12 molécules, Performances (barres), Avantages, Inconvénients, Entretien.
Pages Mobile
Mobile
Mobile — Oxygénothérapie
Listing O2 + Détail Inogen G5 dans un simulateur iPhone. Filtres en chips scrollables, cartes horizontales, bottom bar.
Mobile
Mobile — Nébuliseurs
Listing Nébuliseurs + Détail eFlow rapid. Onglets scrollables, grille molécules adaptée, barres de performance.
Vérification des données sources

Toutes les données affichées proviennent des fichiers Excel sources

✓
Catalogue_O2.xlsx — 50 produits extraits, 15 colonnes (Nom, Constructeur, Type, Système, Mode O2 continu/pulsé, Réglages, Autonomie, Recharge, Dimensions, Poids, dB, Avantages, Inconvénients, Transport)
✓
Nouveau_classeur_aerosol.xlsx — 14 systèmes extraits, 73 colonnes (Caractéristiques, Générateur, Nébuliseur, Performances, Public, Molécules, Coût, Entretien)