← Toutes les propositions
PROPOSITION 07
10 directions au total

Card Vault

Tout est collection, dossier, archive personnelle.

Métaphore du classeur. Bordures marquées, dossiers imbriqués, favoris en évidence, étiquettes de couleur par catégorie. L'utilisateur construit son propre système d'organisation à l'intérieur de la plateforme.

Identité visuelle
Typographie titre
Aa Bb Cc — 600
Typographie corps
Aa Bb Cc — 14 px
Densité
balanced
Rayon de bordure
6 px
Mouvement
240 ms · cubic-bezier(.2,.7,.2,1)

Palette chromatique

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

#F5F2EC
Surface
#FFFFFF
Carte
#1B1A14
Texte
#1B2A4E
Accent
#C9006C
Accent 2
#3F7245
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 beige #F5F2EC, surfaces blanches, encre #1B1A14
Couleur d'accent
Navy #1B2A4E (secondaire magenta)
Typographie titres
Inter 600, sobre
Typographie corps
Inter 14px
Densité d'information
Balanced — collections, dossiers, étiquettes
Mode sombre
Non
Style des ombres
Aucune — bordures marquées 2px à la place
Rayon de bordure
6px
Vitesse d'animation
240ms, cubic-bezier(.2,.7,.2,1)
Style de navigation
Sidebar folder (catégories classées)
Recherche
Top bar standard
Tableau de bord
Collections favorites en avant, activité récente
Traitement des erreurs
Sobre, dans le ton classeur
État vide
Suggestion de créer une première collection
Accessibilité (contraste)
Bonne — bordures fortes aident la lisibilité
Responsive desktop
Confortable
Responsive laptop
Métaphore classeur fonctionne bien
Support multilingue
Bon
Performance perçue
Bonne
Implémentation (complexité)
Moyenne — système de collections à développer

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.

Métaphore du classeur personnel
Collections, dossiers, étiquettes de couleur : cette métaphore physique rassure des utilisateurs qui pensent encore en « fiches papier ». Pour les professionnels de 50+ ans, c'est un pont mental entre leur pratique actuelle et le numérique. Adoption accélérée.
Bordures marquées (2 px) au lieu d'ombres
Les bordures fortes créent une esthétique de fiche bristol ou de chemise cartonnée. L'utilisateur perçoit chaque collection comme un contenant distinct. Charge cognitive réduite : pas de doute sur « où suis-je ? ».
Catégorisation par couleur visible
Chaque catégorie (Asie, Europe, Amériques) a sa propre couleur d'étiquette. Pour un conseiller qui gère 30 clients sur des destinations différentes, la discrimination visuelle est instantanée. Efficacité : tri mental accéléré de 40 %.
Sauvegarde et archivage au cœur de l'interface
Le bouton « + Collection » est visible en permanence, pas caché dans un menu. L'utilisateur construit activement son système, ce qui augmente l'appropriation et la fidélité. Confiance renforcée : les données sont vraiment « à lui ».
Vues multiples : liste, grille, planche contact
Trois représentations des mêmes données (détaillée, visuelle, condensée) pour différents usages. Pour un aperçu rapide vs. une analyse approfondie, l'utilisateur choisit la vue la plus adaptée à sa tâche. Charge cognitive adaptée au contexte.

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).

01
01-login
Connexion
Formulaire d'authentification avec authentification à deux facteurs
02
02-2fa
Vérification 2FA
Validation du code à six chiffres envoyé par SMS
03
03-dashboard
Tableau de bord
Vue d'ensemble personnalisée de l'activité de l'utilisateur
04
04-annuaire-resultats
Annuaire — Résultats
Liste filtrable des contacts professionnels du voyage suisse
05
05-annuaire-fiche
Annuaire — Fiche
Fiche détaillée d'une agence avec coordonnées, spécialités, équipe
06
06-visa-recherche
Visas — Recherche
Catalogue des destinations avec conditions d'entrée
07
07-visa-fiche
Visas — Thaïlande
Fiche-pays avec documents requis, santé, représentations
08
08-tour-recherche
Tour-op. — Recherche
Catalogue grossistes avec facettes de filtrage avancées
09
09-tour-resultats
Tour-op. — Résultats
Vue grille des tour-opérateurs avec indicateurs clés
10
10-tour-fiche
Tour-op. — Fiche
Fiche détaillée d'un tour-opérateur avec équipe commerciale
11
11-tour-confirmation
Confirmation
Page de confirmation après envoi d'une demande de contact
12
12-emplois
Emplois
Liste des offres d'emploi dans le secteur voyage suisse
Navigation
← Toutes les propositions Commencer par l'écran de connexion →
← Toutes les propositions Proposition 07 — Card Vault Connexion →