← Toutes les propositions
PROPOSITION 01
10 directions au total
Swiss Atelier
Refined editorial design — the Condé Nast of B2B travel.
Une esthétique éditoriale, comme un magazine suisse haut de gamme. Typographie serif pour les titres, beaucoup d'espace blanc, palette restreinte, micro-interactions lentes. L'information respire ; l'utilisateur lit, il ne parcourt pas.
Identité visuelle
Typographie titre
Aa Bb Cc — 500
Typographie corps
Aa Bb Cc — 15 px
Densité
spacious
Rayon de bordure
2 px
Mouvement
380 ms · cubic-bezier(.2,.7,.2,1)
Palette chromatique
Six rôles sémantiques pour assurer la cohérence visuelle à travers toutes les vues.
#FBFAF7
Surface
#FFFFFF
Carte
#15171F
Texte
#C9006C
Accent
#1B2A4E
Accent 2
#3F7D5E
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
Papier crème #FBFAF7, surfaces blanches, encre navy #15171F
Couleur d'accent
Magenta Kendros #C9006C (signature unique)
Typographie titres
EB Garamond serif, 500/600, hiérarchie claire par taille
Typographie corps
Inter sans-serif, 15px, line-height 1.5
Densité d'information
Spacieuse — respiration de 32-40px, marges éditoriales
Mode sombre
Non, palette claire uniquement
Style des ombres
Aucune ombre — filets 1px à la place
Rayon de bordure
2px (minimal, presque carré)
Vitesse d'animation
380ms, easing cubic-bezier(.2,.7,.2,1) — lent, délibéré
Style de navigation
Rail latéral gauche, 240px, sticky
Recherche
Barre globale en haut (à venir en Phase 3), sinon in-page
Tableau de bord
Éditorial : brief quotidien + 4 cartes modules + activité récente + collections
Traitement des erreurs
Messages en serif, dans le ton éditorial, jamais rouge agressif
État vide
Citations ou illustrations éditoriales, jamais 'Aucun résultat' sec
Accessibilité (contraste)
Excellente — encre navy sur papier crème, ratio 14:1
Responsive desktop
Optimisé pour 1280-1440px, gouttières 40px
Responsive laptop
Rail collapse en icônes sur <1100px (à finaliser)
Support multilingue
Excellent — typographie et structure résistent aux deux langues
Performance perçue
Excellente — pas d'animations lourdes, transitions simples
Implémentation (complexité)
Moyenne — système éditorial demande une direction artistique forte
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.
✓
Typographie serif pour les titres
Les titres en serif Garamond évoquent la presse suisse de qualité (NZZ, Le Temps) et signalent instantanément la fiabilité. L'utilisateur reconnaît un média soigné, ce qui renforce la confiance dans les données professionnelles (contacts, coordonnées visa). Charge cognitive réduite : la hiérarchie typographique guide l'œil sans effort.
✓
Espace blanc généreux et marges respirantes
L'espacement large entre les blocs (32 à 40 px) isole visuellement chaque information, permettant une lecture sériée plutôt qu'un balayage. Pour des utilisateurs de 25 à 65 ans qui passent peu de temps sur la plateforme, cette respiration réduit la fatigue oculaire et accélère l'identification des éléments importants.
✓
Palette monochrome + accent magenta unique
Une seule couleur d'accent (le magenta Kendros) sur un fond neutre élimine la compétition visuelle. L'utilisateur sait instinctivement où regarder : tout ce qui est magenta est cliquable ou essentiel. Cela simplifie drastiquement la recherche d'information et réduit les décisions parasites.
✓
Pas d'ombres, filets de 1 px
Les bordures fines en lieu et place des ombres portées créent une esthétique éditoriale imprimée, plus stable et plus rapide à interpréter qu'une UI « flottante ». Pour des utilisateurs qui impriment encore des fiches, la mise en page reste lisible en noir et blanc.
✓
Boutons et composants très sobres
Les boutons primaires sont plats, sans dégradé, sans animation spectaculaire. Cette retenue reflète la posture professionnelle du conseiller : pas de marketing, pas d'effet. La confiance vient du contenu, pas de la mise en scène.
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).