Étiquette flottante
Champs de la prise de rendez-vous et du dépôt de pièces : le libellé monte et reste lisible.
Démonstration : rien n’est enregistré ni envoyé.
Anneau d’or tracé
Tous les champs du site : au focus, un trait d’or fait le tour du champ au lieu d’apparaître d’un coup.
Passez d’un champ à l’autre avec la touche Tabulation.
SIRET au fil de la frappe
Champ SIRET des trois formulaires : les chiffres se regroupent seuls et chaque bloc se confirme.
14 chiffres, regroupés automatiquement.
Validation qui rassure
Champs à format fixe (code postal, SIRET) : la coche se trace dès que la saisie est complète.
Cinq chiffres.Format correct, merci.
Alerte douce
Estimation de fonds de commerce : l’erreur se déplie sous le champ, sans secousse, et se retire dès la correction.
Il manque 2 chiffres : l’année s’écrit sur quatre chiffres.
Complétez ou effacez la valeur : le message suit votre saisie.
Compteur de caractères
Zone « Précisions » des formulaires Locatif et de contact : une ligne d’or mesure la place restante.
0 / 160 caractères
Cartes radio des trois pôles
Première question de la prise de rendez-vous : la carte choisie se teinte à la couleur de son pôle, le toit de l’emblème se trace.
Choix segmenté
Type de rendez-vous (téléphone, visio, sur place) : la pastille glisse d’un choix à l’autre.
Type de rendez-vous
Un appel, au créneau de votre choix.
Ruban des jours
Choix du jour sur rendez-vous.html : le repère d’or suit le jour retenu, ses créneaux arrivent en cascade.
Choisissez un jour · semaine d’exemple
Créneaux du mardi 17
9 h 3011 h 0015 h 00
Créneau retenu
Grille des horaires de la prise de rendez-vous : le créneau choisi se coche, une onde d’or le signale une fois.
Mardi 17 · créneaux d’exemple
Aucun créneau retenu pour l’instant.
Étapes à panneaux coulissants
Parcours complet de rendez-vous.html : le rail se remplit, les panneaux glissent dans le sens de la marche, le récapitulatif se met à jour.
Étape 1 sur 4Votre demande
- Votre demande
- Une facture impayée
- Le rendez-vous
- Par téléphone
- Le moment
- Le matin
Le parcours est complet
Démonstration : aucune donnée n’a été envoyée. Vous pouvez revenir sur chaque étape depuis le rail.
Anneau d’avancement
En-tête compact du dépôt de pièces sur mobile : l’anneau dit où l’on en est, sans barre ni pourcentage.
2sur 4
- Votre demande
- Vos pièces
- Le rendez-vous
- L’envoi
Zone de dépôt
Page deposer.html : le cadre s’ouvre au survol d’un fichier, les pièces se posent en pile, une ligne d’or suit le dépôt.
Déposez vos pièces ici
Factures, bons de commande, relances : glissez-les dans ce cadre.
Démonstration : aucun fichier n’est lu ni transmis.
Progression par pièce
Liste des pièces déposées (bail, état des lieux) : chaque ligne se remplit puis passe au vert, l’une après l’autre.
Exemple · 3 pièces
- Bail commercial.pdfReçue
- État des lieux.pdfReçue
- Dernière quittance.pdfReçue
Noms de fichiers fictifs : aucune pièce n’est transmise.
Curseur à bulle
Estimation de fonds de commerce : la valeur suit le pouce dans une bulle d’or, les graduations s’allument au passage.
Exemple de saisie : aucune estimation n’est calculée dans cette démonstration.
Interrupteur à ressort
Options en fin de formulaire (copie du récapitulatif, rappel de la veille) : le pouce s’étire sous le doigt puis se pose.
Recevoir une copie du récapitulatif
Être prévenu la veille du rendez-vous
Copie du récapitulatif : oui. Rappel la veille : non.
Case tracée
Cases de fin de formulaire : la coche se dessine, un filet d’or souligne la phrase acceptée, le bouton se libère.
Cochez les deux cases pour continuer.
Récapitulatif qui se construit
Dernier écran de l’estimation et du rendez-vous Cession : chaque réponse tire sa ligne dans le récapitulatif, puis un reflet d’or le valide.
Vos réponses
Récapitulatif · exemple
Votre demande, en trois lignes
- Nature du bien
- Fonds de commerce
- Rendez-vous
- En visio
- Moment
- Le matin
Modifiez une réponse à gauche : la ligne se réécrit. Rien n’est envoyé.
Bouton d’envoi à trois visages
Bouton final de chaque formulaire : le libellé se fond en attente puis en confirmation, sans changer de largeur.
De l’envoi à la confirmation
Fin de tous les parcours : les lignes s’effacent en ordre, un rai d’or traverse la carte, le sceau de confirmation se trace.
Dernière étape
Vérifiez, puis envoyez
- ObjetUne facture impayée
- Rendez-vousPar téléphone
- CréneauMardi 17, 10 h 30
Demande enregistrée
Exemple de confirmation : aucune donnée n’a quitté cette page.
Écran de succès à l’emblème
Page affichée après une prise de rendez-vous : l’emblème se pose, son toit se trace, le titre monte mot à mot.
Exemple d’écran de confirmation
Votre demande est bien enregistrée
- Le récapitulatif reste affiché sur cette page.
- Préparez les pièces utiles à l’échange.
- Vous retrouvez le créneau choisi dans le récapitulatif.
Squelette de chargement
Chargement des créneaux ou d’une liste de pièces : les lignes d’attente cèdent leur place exacte au contenu.
Créneaux d’exemple
- Mardi 179 h 30 · 11 h 00 · 15 h 00
- Mercredi 1810 h 00 · 14 h 30 · 16 h 00
- Vendredi 209 h 00 · 11 h 30
Message éphémère
Retour discret après une action secondaire (brouillon conservé, lien copié) : il monte, décompte, puis s’efface.
Le message s’efface seul ; le survoler suspend le décompte.
Pile de messages
Espace de suivi, quand plusieurs retours arrivent ensemble : la pile se déplie au survol ou au bouton.
- JurisViva Créance
Pièce bien reçue. - JurisViva Cession
Rendez-vous noté. - JurisViva Locatif
Demande enregistrée.
Reprise après un envoi manqué
Tous les formulaires : si l’envoi échoue, le bandeau se déplie avec « Réessayer » et la saisie reste en place.
Champ montant
Simulateur et dépôt d’une facture impayée : les milliers se séparent seuls, le montant se relit en grand, en or.
Liste qui se déroule
Choix de la nature du bien sur les pages Cession : le panneau se déroule, les options arrivent en cascade.
Nature du bien à céder
Choisissez une ligne : la liste se referme d’elle-même.
Reçu de dépôt
Après un dépôt de pièces Locatif : le récapitulatif sort comme un reçu au-dessus du bureau, ligne après ligne.
Récapitulatif de dépôt
Exemple, document non contractuel
- Pièces déposées
- 3
- Nature du local
- Boutique
- Référence
- EX-0000
« Être rappelé » qui s’ouvre
Bouton flottant du site : le halo respire, puis la pastille s’ouvre en mini-formulaire et se referme sur une confirmation.
C’est noté.
Démonstration : aucun numéro n’est demandé, aucune demande n’est transmise.
Avancement au défilement
Formulaires longs (mise en gestion d’un local) : la barre d’or et l’intitulé collant suivent la lecture.
1Le local
Adresse, surface, vitrine.
2Le bail
Durée, loyer, charges.
3Les pièces
Bail, état des lieux, quittances.
4Le rendez-vous
Jour, créneau, mode d’échange.
Faites défiler