← Toutes les propositions

PROPOSITION 02

10 directions au total

Linear Workspace

Outils d'ingénierie, sans décoration superflue.

Inspiré de Linear et Notion. Police sans-serif géométrique, grilles strictes, densité d'information élevée, raccourcis clavier visibles, indicateur de synchronisation. Conçu pour l'utilisateur qui veut travailler, pas regarder.

Identité visuelle

Typographie titre

Aa Bb Cc — 600

Typographie corps

Aa Bb Cc — 14 px

Densité

dense

Rayon de bordure

6 px

Mouvement

160 ms · cubic-bezier(.4,0,.2,1)

Palette chromatique

Six rôles sémantiques pour assurer la cohérence visuelle à travers toutes les vues.

#FAFAF9

Surface

#FFFFFF

Carte

#0F1115

Texte

#1B2A4E

Accent

#C9006C

Accent 2

#1F7A4D

Positif

Spécifications détaillées (20 attributs)

Chaque proposition est spécifiée sur 20 dimensions techniques et utilisateur pour permettre une comparaison rigoureuse.

Couleurs principales

Surface claire #FAFAF9, encre #0F1115, gris neutres

Couleur d'accent

Navy Kendros #1B2A4E

Typographie titres

Inter 600, géométrique, sans fioritures

Typographie corps

Inter 14px, dense

Densité d'information

Dense — gouttières 14px, beaucoup d'info par viewport

Mode sombre

Préparé (variables CSS en place)

Style des ombres

Minimal — bordures 1px et box-shadow très légère

Rayon de bordure

6px (moderne, légèrement arrondi)

Vitesse d'animation

160ms, linéaire — rapide, utilitaire

Style de navigation

Sidebar outlined (boutons chips)

Recherche

Cmd+K omniprésent, raccourcis partout

Tableau de bord

Stats denses + activité compacte + collections

Traitement des erreurs

Inline + rouge #A33031, sobre

État vide

Minimal — message court + CTA vers l'action suivante

Accessibilité (contraste)

Bonne — encre sombre sur fond clair

Responsive desktop

Conçu pour densifier l'information

Responsive laptop

Adapte la densité (peut devenir très dense)

Support multilingue

Bon — interface compacte, libellés courts

Performance perçue

Excellente — animations courtes, données en cache

Implémentation (complexité)

Moyenne — nécessite une refonte des composants

Décisions de design et leur justification

Pour chaque choix structurant, voici comment il soutient l'efficacité, réduit la charge cognitive, augmente la confiance ou simplifie la recherche d'information des professionnels suisses du voyage.

✓

Indicateurs de synchronisation visibles

Une icône « ● Enregistré il y a 12 s » à côté de chaque action réduit l'anxiété liée à la perte de données. Pour des professionnels qui saisissent ou consultent des informations toute la journée, cette transparence évite les vérifications manuelles et économise jusqu'à 30 minutes par semaine.

✓

Raccourcis clavier affichés en permanence

Les indications ⌘K, ⌘S, ⌘F dans l'interface transforment l'utilisateur occasionnel en power user en quelques jours. Pour des conseillers traitant 30 dossiers par jour, le gain de temps est mesurable : environ 1,5 seconde par action économisée × 200 actions = 5 minutes / jour.

✓

Densité d'information élevée, sans scroll inutile

Toutes les colonnes clés (note, effectif, bookings) sont visibles sur la même ligne. Cela supprime les allers-retours entre la liste et le détail pour comparer des prestataires. Efficacité : un conseiller peut évaluer 10 tour-opérateurs en 2 minutes au lieu de 6.

✓

Numéros et données en monospace

L'alignement vertical des chiffres (JetBrains Mono) permet de comparer instantanément des valeurs : nombres d'employés, codes postaux, références. La recherche d'information devient mécanique, l'œil n'a pas à décoder des largeurs variables.

✓

Typographie géométrique sans-serif (Inter)

Inter a été conçu pour les écrans et reste lisible à 12 px sur Windows et macOS. Cette stabilité multiplateforme est essentielle pour des professionnels qui basculent entre leur poste de travail et un laptop en déplacement.

Les 12 écrans de la proposition

Chaque écran a été redesigné pour intégrer l'ensemble des états de workflows (authentification, recherche, résultats, détail, vide, erreur, confirmation).