Hero A · Compact pédagogiqueLanding / service
Problème concret · solution claire
Votre équipe perd du temps ?
On observe tâche, on automatise strict nécessaire, on transmet mode d’emploi.
Direction G · 20 palettes Coolors TrendingDu blocage
Du blocage
au plan d’action.
On diagnostique le problème, on dessine chemin court, on met solution en service, puis on vous rend autonome.
01 / Manifeste
Une bonne solution n’est pas seulement rapide. Elle est lisible, transmissible et adaptée au vrai problème.
02 / Fondations
Le manuel vivant
Bleu pour structure, noir pour preuve, rouge pour correction et décision.
Encre#07142E
Bleu confiance#1769FF
Annotation#E62D3D
Papier chaud#EAF0FF
Surface#F9FBFF
Titres · Barlow Condensed
COMPRENDRE
AGIR
AGIR
Graisse900
Interligne0.9
UsageStructure
Texte · IBM Plex Sans Condensed
Dense mais respirable
Une typographie technique, humaine, précise. Les annotations utilisent IBM Plex Mono pour distinguer instructions, mesures et statuts.
Base17 px
Mono12–14 px
Grille8 px
03 / Parcours
Une méthode enseignable
Chaque intervention laisse une trace compréhensible.
Étape 01 · Diagnostic
Où partez-vous du temps ?
Observer usage avant de choisir outil.
→
Étape 02 · Livraison
Quel plus petit système règle problème ?
Construire court, tester sur cas réel.
→
Étape 03 · Transmission
Comment restez-vous autonome ?
Documenter gestes, limites et reprise.
Fiche diagnostic
Générer planTokens d’interface
- Espacement : 8 / 16 / 24 / 40 / 64.
- Rayon : 0. Bordure : 3 px.
- Ombre : décalage bleu 7 px, zéro flou.
- Grille visible seulement sur surfaces pédagogiques.
À faire
- Numéroter étapes et livrables.
- Montrer pourquoi choix a été fait.
- Terminer par résultat et autonomie.
À éviter
- Transformer tout en procédure lourde.
- Utiliser grille sans hiérarchie.
- Cacher décision derrière jargon technique.
04 / Coolors Trending
20 palettes du moment
Quatre couleurs par palette, dans ordre affiché par Coolors. Utilisez flèches, curseur ou cartes.
Palette 01 / 20
Olive Garden Feast
Palette appliquée à toute page G. Un neutre de contraste est ajouté seulement si lisibilité l’exige.
Ouvrir palette complète sur Coolors ↗#606C38#283618#FEFAE0#DDA15E
Source : Coolors Trending · relevé 2026-09-02 · quatre premières couleurs de chaque carte
04 / Component Lab
Exploration de composantsDeux autres héros
Même design system D. Deux compositions supplémentaires selon le besoin de la page.
Hero B · Avant / aprèsÉtude de cas
Avant · problème
6 fichiers. 3 saisies.
Chaque inscription est recopiée à la main. Erreurs, oublis et bilans tardifs.
Après · solution
1 formulaire. 1 rapport.
Données propres, bilan automatique, équipe formée. Quatre heures gagnées par semaine.
Voir méthode →05 / Preuves
Statistiques de résultat
Chiffres grands, contexte court, aucun graphique décoratif.
4 hgagnées / semaine
−68%erreurs de saisie
7 jpour livrer V1
1mode d’emploi transmis
06 / Accordéon
Questions fréquentes
Composant natif, clavier accessible, sans JavaScript.
Est-ce qu’il faut changer tous nos outils ?
Non. On part de ce que vous utilisez. On remplace seulement ce qui bloque réellement résultat.
Combien de temps avant première solution ?
Premier prototype utile généralement livré en quelques jours. Délai exact dépend accès et complexité.
Est-ce que mon équipe saura l’utiliser ?
Oui : transmission fait partie livraison. Vous recevez procédure courte, démonstration et point de reprise.
Que se passe-t-il après livraison ?
Vous choisissez : autonomie complète ou maintenance légère. Aucune dépendance cachée.
07 / Cas & statuts
Cartes de contenu
Un cas client, étapes et messages système avec même grammaire visuelle.
Des inscriptions propres sans recopier
Un formulaire unique alimente liste jeunes, présences et rapport financeur.
01
Observer
Cartographier saisies actuelles.
02
Réduire
Supprimer doubles manipulations.
03
Transmettre
Former équipe sur flux final.
i
Information
Votre diagnostic est prêt. Trois pistes classées par gain et effort.
!
Action nécessaire
Accès au calendrier requis avant mise en service automatisation.
08 / Conversion
Formulaire, preuve, CTA
Composants fin parcours, directs sans pression artificielle.
Mini-diagnostic
« On a arrêté de recopier mêmes infos trois fois. Équipe a compris outil dès première semaine. »
Prochaine étape
Parler du problème →Un problème concret ?
Décrivez-le en trois phrases. On vous dit si informatique peut vraiment aider.