kendros
MB
Marie-Hélène
← Toutes les propositions
PROPOSITION 03
10 directions au total

Konditorei

Chaleureux, généreux, accueillant — comme un café zurichois.

Couleurs pastel chaudes, coins arrondis, ombres douces, typographie amicale. On se sent comme dans une confiserie suisse : accueillant, soigné, jamais intimidant. Idéal pour rassurer les utilisateurs novices ou craintifs.

Identité visuelle
Typographie titre
Aa Bb Cc — 600
Typographie corps
Aa Bb Cc — 15 px
Densité
spacious
Rayon de bordure
18 px
Mouvement
320 ms · cubic-bezier(.34,1.56,.64,1)

Palette chromatique

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

#FFF6EE
Surface
#FFFFFF
Carte
#3B1E1A
Texte
#C9006C
Accent
#E08363
Accent 2
#5A8A4E
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
Crème #FFF6EE, surfaces blanches, peach #FCEBDB
Couleur d'accent
Magenta #C9006C (secondaire peach #E08363)
Typographie titres
Fraunces serif, 600, chaleureux
Typographie corps
Nunito sans-serif, 15px, friendly
Densité d'information
Spacieuse — beaucoup d'air, coins arrondis
Mode sombre
Non
Style des ombres
Doux et chauds (rose-corail) — évoquent la profondeur
Rayon de bordure
18px (très arrondi, friendly)
Vitesse d'animation
320ms avec spring overshoot — rebond léger
Style de navigation
Top bar avec pill nav
Recherche
Top bar, en évidence, avec icône loupe
Tableau de bord
Stats + activité + collections, en cartes arrondies
Traitement des erreurs
Tons chauds, pas d'alarme visuelle
État vide
Illustrations douces, ton rassurant
Accessibilité (contraste)
Bonne — fond clair, texte sombre
Responsive desktop
Confortable, beaucoup d'espace
Responsive laptop
Adapté — peut perdre de l'espace utile
Support multilingue
Bon — Nunito gère bien les deux langues
Performance perçue
Bonne — animations courtes et douces
Implémentation (complexité)
Moyenne — système de tokens à définir

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.

Couleurs pastel et coins arrondis (rayon 18 px)
L'esthétique chaleureuse abaisse la barrière psychologique d'entrée pour les utilisateurs novices ou intimidés par les outils B2B. Les utilisateurs de 60+ ans ou les nouveaux conseillers sont immédiatement mis en confiance par cette douceur visuelle, augmentant l'adoption et la rétention.
Typographie amicale (Nunito)
Nunito est optimisée pour la lecture longue et conserve son caractère accueillant même à 14 px. Le léger arrondi des caractères réduit la perception d'austérité souvent associée aux outils professionnels. Confiance augmentée de manière subtile mais mesurable.
Cartes en relief avec ombres douces
Les ombres pastel (rose corail) évoquent la profondeur d'une carte postale. L'utilisateur perçoit chaque élément comme « tangible » et familier, ce qui accélère la reconnaissance des actions possibles. Charge cognitive réduite car chaque bloc a une frontière visuelle claire.
Espacement généreux, pas d'horreurs de densité
Le rythme lent de la mise en page force la hiérarchie : un seul élément important par section. Pour des informations souvent denses (coordonnées, formalités visa), cette respiration aide à digérer sans se sentir submergé. Efficacité : moins d'erreurs de lecture, moins de retours en arrière.
Mouvement springy (cubic-bezier overshoot)
Les animations avec léger rebond (ex. cubic-bezier(.34,1.56,.64,1)) donnent un feedback tactile à chaque interaction. Les utilisateurs reçoivent une confirmation visuelle que leur action a été enregistrée, ce qui réduit le doute et le besoin de re-cliquer.

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 03 — Konditorei Connexion →