Modern Enterprise SaaS
Kendros traité comme un produit B2B contemporain — rail de navigation persistant, palette de commande (Ctrl K), cartes et badges de statut — dans l'esprit de Linear, Notion ou Stripe Dashboard, plutôt qu'un site institutionnel ou un portail d'annuaire classique.
Démarrer le parcours du prototype →Écrans du prototype
Chaque écran ci-dessous est une page HTML statique autonome, partageant la même feuille de style. Cliquez sur une carte pour l'ouvrir directement, ou utilisez le bouton ci-dessus pour suivre le parcours complet dans l'ordre.
Principes du système
Philosophie
Kendros est traité comme un produit logiciel professionnel à part entière : rail de navigation persistant, densité d'information maîtrisée, composants réutilisables — le langage visuel des outils SaaS B2B modernes que les conseillers utilisent déjà au quotidien (CRM, ERP, outils de réservation).
Public cible
Les conseillers en agence qui passent plusieurs heures par jour dans l'outil et bénéficient d'une interface dense mais organisée, proche des logiciels professionnels auxquels ils sont déjà habitués.
Inspiration visuelle
Linear, Notion, Stripe Dashboard, Intercom — rail latéral sombre, cartes blanches, badges de statut colorés, palette de commande au clavier.
Concept de navigation
Rail latéral persistant et rétractable, groupé par thème (Rechercher, Visas & Réglementation, Carrières, Actualités, Fournisseurs d'information, Kendros), plus une barre de commande globale (Ctrl K) accessible depuis n'importe quel écran.
Philosophie de la page d'accueil
Un espace de travail personnel plutôt qu'une vitrine marketing : tuiles d'action directe, consultations récentes, recherches enregistrées avec alertes, offres et actualités en un seul tableau de bord.
Philosophie de recherche
Formulaires structurés à libellés flottants pour la recherche approfondie, complétés par la palette de commande pour l'accès instantané à un opérateur, un pays ou une offre déjà identifié.
Architecture de l'information
Six groupes de rail latéral, chacun repliable indépendamment ; un panneau « Pourquoi cet écran » contextuel accompagne chaque page pour expliciter les choix de conception.
Système de composants
Cartes à coins arrondis (8–12px) avec ombre portée légère, badges de statut à point coloré, onglets, tuiles cliquables, tableaux de données avec en-tête collant — un système de composants cohérent et réutilisable d'un écran à l'autre.
Typographie
Inter (ou équivalent système), deux graisses principales, tailles resserrées (13–15px) pour maximiser la densité d'information à l'écran sans sacrifier la lisibilité.
Système d'espacement
Échelle de 4px, plus dense qu'une interface institutionnelle classique, calquée sur les standards des outils SaaS professionnels (tableaux de bord, back-office).
Usage de la couleur
Fond gris très clair, rail latéral bleu marine, magenta réservé aux actions principales et à l'état actif ; badges sémantiques (vert « vérifié », orange « en attente », bleu « information »).
Tableaux
En-tête collant au défilement, lignes surlignées au survol, actions révélées au survol, pagination numérotée — conforme aux standards des tableaux de données professionnels.
Formulaires
Libellés flottants qui restent visibles une fois le champ rempli, validation en ligne par champ, sections regroupées par thème plutôt qu'un long formulaire plat.
Filtres
Facettes en cases à cocher regroupées par thème, chips de recherche enregistrée retirables, toujours visibles au-dessus des résultats.
Icônes
Pictogrammes filaires cohérents (Lucide/Feather) pour la navigation, les statuts et les actions — jamais décoratifs, toujours porteurs de sens fonctionnel.
Hiérarchie visuelle
Construite par la carte, le badge et l'espace négatif ; un panneau latéral « Pourquoi cet écran » explicite systématiquement les décisions de conception sans alourdir l'écran principal.
Forces, faiblesses, risques
Forces
- Langage visuel immédiatement familier pour quiconque utilise déjà un CRM, un ERP ou un outil de réservation moderne
- Système de composants riche et extensible, adapté à la croissance future de la plateforme
- Densité d'information élevée sans sacrifier la lisibilité, grâce aux cartes et badges
Faiblesses
- Rail latéral et palette de commande demandent un temps d'apprentissage supérieur aux options les plus minimalistes du panel
- Coût de construction et de maintenance plus élevé qu'une approche institutionnelle sobre
Risques
- Pour le public 40–65 ans le moins technophile, le rail latéral riche peut initialement sembler plus complexe qu'un menu horizontal classique
- Niveau de risque d'implémentation : moyen
Pourquoi ce choix convient à Kendros
Les conseillers en agence passent déjà plusieurs heures par jour dans des outils professionnels denses (systèmes de réservation, CRM). Modern Enterprise SaaS leur offre un environnement Kendros qui se comporte comme ces outils : navigation persistante, recherche rapide, statuts visibles en un coup d'œil, et une structure de composants qui absorbe naturellement la croissance future de la plateforme — sans reproduire l'austérité d'un site institutionnel ni le pari risqué d'une recherche universelle non éprouvée.