The Almanac
Écrans du prototype
Chaque écran ci-dessous est une page HTML statique autonome, partageant la même feuille de style. Cliquez pour l'ouvrir.
Écran de connexion initial, champs Username / Password.
02 · Connexion — état d'erreurIdentifiants invalides, validation en ligne par champ.
03 · Connexion — sélection d'utilisateurCompte agence partagé « AD GENTES » : choix du profil.
04 · AccueilUne de gazette, recherche unique, flash actualités et table des offres.
05 · Détail prestataire — Kontiki VoyagesFiche voyagiste avec spécialités, coordonnées et 6 offres actuelles.
06 · Annuaire du tourisme — rechercheFormulaire de recherche par nom, ville, destination et type de voyage.
07 · Annuaire du tourisme — résultats12 résultats pour « cars », avec statuts de fonds de garantie.
08 · Annuaire du tourisme — aucun résultatÉtat vide avec message clair et actions de reprise.
09 · Ambassades & Consulats — rechercheSélection d'un pays de destination.
10 · Ambassades & Consulats — résultats3 représentations pour la France.
11 · EmploisCopie marketing d'origine, newsletter, et 5 annonces illustratives.
12 · Page de couverture (cette page)Présentation de la proposition « The Almanac ».
Principes du système
Philosophie
Un système éditorial d'information, pas une application de saisie. Kendros est traité comme un almanach professionnel du voyage : typographie serif de lecture, captions de source, dates mises en avant — le registre du livre de référence plutôt que celui du logiciel métier.
Public cible
Les agents de voyage et professionnels de la branche qui consultent Kendros comme une source à parcourir et à lire, plusieurs fois par jour, plutôt qu'un outil dans lequel on saisit des données.
Inspiration visuelle
Les almanachs et gazettes imprimés, la presse économique suisse (NZZ), les ouvrages de référence reliés — serif éditorial, filets doubles, encadrés captionnés façon fiche documentaire.
Concept de navigation
Un bandeau supérieur sobre (marque, bascule FR/DE, compte) surmontant un rail latéral permanent de type table des matières — cinq sections qui reprennent l'architecture existante sans la comprimer artificiellement.
Philosophie de la page d'accueil
Traitée comme une « une » de journal : millésime d'édition, gros titre, flash actualités et table des offres captionnée — la hiérarchie se lit par le texte, pas par des tuiles illustrées.
Philosophie de recherche
Un formulaire explicite en bloc à légende, un bouton « Chercher » toujours visible — la recherche se comporte comme une consultation d'index, jamais comme une recherche instantanée invisible.
Architecture de l'information
Le rail latéral reprend les cinq groupes existants (Rechercher, Guide du voyage, Accès libre, Fournisseurs d'information, Kendros) comme une table des matières permanente, cohérente avec la métaphore de l'almanach.
Système de composants
Fact-box captionnées (bandeau magenta + tableau), rationale en encadré marine, listes-index à puces typographiques — un vocabulaire de mise en page éditoriale plutôt qu'un habillage d'application.
Typographie
Source Serif 4 pour la lecture et les titres, IBM Plex Sans pour l'interface (labels, tableaux, navigation) — la distinction entre contenu à lire et outil à manipuler est portée par la police elle-même.
Système d'espacement
Mesure de lecture contrainte (measure ~68ch) pour le texte courant, filets doubles pour marquer les ruptures de section, à la manière d'une mise en page de gazette imprimée.
Usage de la couleur
Fond papier chaud, bleu marine pour la structure et les titres, magenta réservé aux dates, captions et signaux d'attention — jamais décoratif, toujours porteur de sens.
Tableaux
Chaque tableau est encadré et captionné comme une pièce documentaire (fact-box), avec en-tête sobre, séparateurs fins et statut affiché comme donnée plutôt que comme badge.
Formulaires
Blocs à légende façon formulaire administratif imprimé, un seul bouton d'action principal, validation en ligne au niveau du champ concerné.
États vides
Encadré en tirets, ton factuel et sans culpabilisation, avec rappel des filtres actifs et actions de reprise — jamais un simple constat d'échec.
Icônes
Quasi absentes : la hiérarchie et la signification passent par la typographie, les captions et la couleur, pas par la pictographie.
Hiérarchie visuelle
Construite par le contraste serif/sans-serif, la taille des titres et les filets doubles — un rythme de lecture proche d'un ouvrage imprimé plutôt que d'une interface logicielle.
Forces, faiblesses, risques
Forces
Registre éditorial distinctif et mémorable ; renforce la perception de Kendros comme source d'information sérieuse et faisant autorité ; les fact-box captionnées clarifient la provenance de chaque donnée affichée.
Faiblesses
Chargement de deux familles de polices web ; densité de lecture plus élevée que les directions purement applicatives, ce qui peut ralentir un utilisateur pressé cherchant une seule donnée ponctuelle.
Risques
Peut être perçu comme trop littéraire par une direction attendant un langage visuel « produit SaaS » classique. Niveau de risque d'implémentation : faible à moyen.
Pourquoi ce choix convient à Kendros
Kendros n'est pas un outil de saisie : c'est une source d'information que ses utilisateurs consultent, parcourent et citent au quotidien. Traiter chaque écran comme une entrée d'almanach — captionnée, datée, sourcée — rend cette fonction éditoriale visible dans la forme même de l'interface, là où un habillage purement applicatif la laisserait invisible.