Un travail structuré
Tâches, documents et décisions dans un même type d'enregistrement : une recherche retrouve la décision aussi facilement que le ticket qui l'a provoquée.
Plateforme de travail
Kinetic est un thème marketing pour un SaaS multiproduit : un en-tête, une visite de plateforme à onglets, une grille de fonctionnalités et un tableau tarifaire, le tout statique et utilisable sans JavaScript.
Chaque surface est une page de contenu à part entière. La barre d'onglets est un enrichissement, pas la structure.
Découpez un objectif en travaux qui tiennent dans une semaine. Les dépendances sont déclarées une fois et tracées partout : une date qui glisse apparaît sur le plan qu'elle affecte, et non dans la boîte mail de quelqu'un.
Tableaux, listes et calendrier sur les mêmes enregistrements. Changer de vue ne change jamais les données : deux équipes peuvent regarder un même backlog par le prisme qu'elles préfèrent.
Les commentaires se résolvent sur une révision plutôt que de flotter librement, et une validation enregistre qui a approuvé quoi, pas seulement que quelqu'un l'a fait.
Les tableaux de bord lisent les enregistrements où vit le travail. Sans étape d'export, un chiffre affiché n'a jamais quinze jours de retard sur ce qu'il décrit.
Tâches, documents et décisions dans un même type d'enregistrement : une recherche retrouve la décision aussi facilement que le ticket qui l'a provoquée.
Filtrer, grouper et trier sont indépendants. Toute combinaison est une URL, donc une vue est quelque chose que l'on peut envoyer à un collègue.
Les règles sont énoncées en phrases et affichées intégralement avant de s'exécuter. Une automatisation que personne ne peut lire est une panne qui attend un après-midi calme.
Chaque champ conserve ses valeurs précédentes. Revenir en arrière, c'est lire l'enregistrement, pas restaurer une sauvegarde.
Un espace de travail démarre fermé. Le partage est un acte délibéré, assorti d'une ligne d'audit.
Ce que vous exportez se réimporte. Partir est pris en charge, et pas seulement toléré.
Des feuilles de route qui survivent au contact d'une date de livraison.
Des calendriers de campagne avec les ressources attachées aux dates.
Un travail récurrent qui ne dépend pas de la mémoire de quelqu'un.
Kinetic est la vitrine marketing d'une plateforme de travail fictive. Le produit, les clients et les chiffres sont illustratifs : ils existent pour exercer les composants, non pour décrire une entreprise réelle.
La catégorie à laquelle il appartient — le marketing SaaS multiproduit — recourt d'ordinaire aux dégradés saturés et aux très grands corps. Kinetic garde les deux, mais cantonne les dégradés à la décoration. Rien de lisible n'est jamais posé dessus, car un dégradé ne peut pas être contrôlé en contraste, et chaque couleur porteuse de sens vient d'un jeton validé au niveau AAA.
Deux composants sont ici des enrichissements progressifs plutôt que des composants exigeant JavaScript. La visite de la plateforme est constituée de quatre sections ordinaires qu'un petit module transforme en barre d'onglets ; le tableau tarifaire est un tableau mensuel complet auquel un module apprend à afficher les tarifs annuels. Dans les deux cas, la version sans script est la réponse entière, pas un repli.
Cette contrainte explique aussi pourquoi le balisage des onglets ne porte aucun role="tab" dans le HTML. Les rôles ARIA d'onglets promettent une navigation aux flèches que seul le script peut assurer : l'annoncer statiquement sans l'honorer est pire qu'une simple pile de sections.