Bibliothèque de mouvements · 07 / 10

Navigation, en-tête et menus

Guider sans distraire : l'en-tête, les menus et les passages d'une page à l'autre gardent leurs repères, au clavier comme à la souris.

181

En-tête qui se condense

En-tête de toutes les pages : translucide en haut, il se resserre et gagne son filet dès que l'on défile.

JurisViva Groupe

Récupérer, vendre, louer : un seul interlocuteur.

Trois métiers, une même exigence.

CréanceVos factures impayées, prises en main.
CessionFonds de commerce, murs et entreprises.
LocatifLa gestion de vos locaux commerciaux.
CSSvariable --kdéfilement
182

Logo réduit à l'emblème

Marque de l'en-tête sur mobile et dans la barre condensée : le mot s'efface lettre à lettre, l'emblème reste.

CSSSVGclic
183

Trait d'or glissant

Menu principal : le trait suit le lien survolé ou atteint au clavier, puis revient sur la page en cours.

CSSJSsurvol
184

Méga-menu des trois pôles

Entrée « Nos métiers » de l'en-tête du groupe : les trois pôles s'installent l'un après l'autre.

CSSclip-pathclicBFL
185

Burger en croix

Bouton de menu mobile de l'en-tête : trois traits qui se croisent, le mot qui change.

CSSclic
186

Feuille de menu mobile

Menu plein écran sur téléphone : la feuille naît du bouton, les liens montent en cascade.

JURISVIVA
JurisViva Créance

Vos factures impayées, prises en main.

  • Échap ferme le menu.
  • Tab reste dans la feuille.
  • À la fermeture, le focus revient au bouton.
CSSclip-pathclicBFL
187

Onglets à pastille

Page Cession : choisir entre fonds, murs et entreprise sans quitter la section.

Exemple

Fonds de commerce

La clientèle, l'enseigne et le droit au bail : ce qui fait vivre votre activité.

CSSclip-pathWAAPIclic
188

Sélecteur de pôle

Bandeau d'aiguillage de l'accueil : la couleur du pôle choisi gagne toute la scène depuis le bouton.

Recouvrement

JurisViva Créance

Vos factures impayées, de la relance à la procédure.

WAAPIclip-pathclic
189

Fil d'Ariane en cascade

Haut des pages d'annonces de cession : le chemin se pose maillon après maillon.

Murs commerciaux — exemple d'annonce

CSSSVGvue
190

Sommaire qui suit la lecture

Page des étapes du recouvrement : le sommaire latéral marque l'étape affichée.

Étape 1 sur 4

Les pièces

Facture, bon de commande, échanges : le dossier se constitue.

Étape 2 sur 4

La relance

Un premier contact, courtois et précis, avec votre débiteur.

Étape 3 sur 4

La mise en demeure

Un courrier formel qui demande le paiement.

Étape 4 sur 4

La suite

Selon la réponse, la voie amiable ou la procédure.

JSaria-currentdéfilement
191

Accordéon des questions

Section « Questions » de la page Recouvrement : une réponse à la fois, sans à-coup.

La facture impayée, le bon de commande ou le contrat, et vos relances. Vous les déposez depuis l'espace client.

Chaque étape apparaît dans votre espace client, avec les pièces qui s'y rapportent.

Un seul interlocuteur suit votre dossier, du dépôt des pièces à sa clôture.

CSSgridclic
192

Soulignement tracé

Liens du pied de page et de la page d'attente Locatif : le trait entre par la gauche, sort par la droite.

CSSsurvol
193

Ancre mise en lumière

Liens internes (« Voir les loyers ») : à l'arrivée, le titre visé reçoit un passage de lumière.

Le bail

Durée, destination des locaux, répartition des charges.

Les loyers

Appels, encaissements et révisions prévues au bail.

L'état des lieux

À l'entrée comme à la sortie, un constat partagé.

CSSJSclic
194

Retour en haut

Pages longues : le bouton paraît après quelques écrans, son anneau dit où l'on en est.

JurisViva Locatif

La gestion de vos locaux commerciaux.

SVGvariable --kdéfilement
195

Pied de page dévoilé

Fin de chaque page : le contenu se retire comme une feuille et découvre le pied de page.

Fin de page

Une question avant de vous lancer ?

Descendez encore : le pied de page attend dessous, la page se retire pour le laisser paraître.

JURISVIVA
CréanceCessionLocatif
Mentions légales · Confidentialité
CSSstickydéfilement
196

Bascule clair / sombre

Interrupteur de thème de l'espace client : le thème sombre s'étend depuis le bouton.

JURISVIVA
Espace client

Votre dossier, à toute heure.

Le thème suit le réglage de votre appareil ; vous pouvez le changer ici.

Déposer des pièces
CSSclip-pathSVGclic
197

Lien d'évitement

Première tabulation sur chaque page : « Aller au contenu » descend, puis le contenu reçoit le focus.

Aller au contenu
JURISVIVA
Contenu principal

Suivre mon dossier

CSSfocus clavier
198

Rideau de pôle

Passage de l'accueil du groupe vers un pôle : un rideau à sa couleur couvre l'écran, puis se lève.

JurisViva Groupe

Trois métiers, une même exigence.

WAAPIclic
199

Élément partagé

Annonces de cession : la vignette devient l'image de la fiche, sans coupure.

Exemple d'annonceMurs commerciaux sous arcades
WAAPIFLIPclicBFL
200

Transition de vue

Espace client, de la liste au dossier : le titre glisse d'une vue à l'autre (API native, repli en fondu).

Espace client

Vos dossiers

View Transitionsrepliclic
201

Page 404, la porte entrouverte

Page d'erreur 404 : une porte, un trait de lumière et trois chemins pour repartir.

Erreur 404

Cette page n'est plus à cette adresse.

La porte reste ouverte : reprenez par l'un de nos trois métiers.

CSSclip-pathvueBFL
202

Infobulle de définition

Termes juridiques dans les étapes du recouvrement : la définition se pose au survol ou au focus.

Sans règlement après la relance,
Courrier formel qui demande le paiement dans un délai fixé.
peut être adressée.

CSSsurvol
203

Bulle d'action

Bouton « Être rappelé » : une bulle s'ouvre depuis le bouton pour choisir un moment.

CSSclic
204

Bandeau cookies

Première visite : le bandeau monte du bas de page, refuser est aussi simple qu'accepter.

Votre choix sur les cookies

Ce site peut déposer des cookies de mesure d'audience, avec votre accord.

CSSvue
205

Barre de lecture

Guides et pages longues du pôle Cession : un trait d'or avance sous l'en-tête.

JURISVIVALecture
Guide

Céder un fonds de commerce : les grandes étapes

Préparer les documents, présenter l'activité, rencontrer les repreneurs, signer l'acte.

Chaque étape a ses pièces ; les réunir tôt évite de ralentir la suite.

CSS scroll()repli JSdéfilement
206

En-tête discret

Lecture sur téléphone : l'en-tête s'efface à la descente et revient dès que l'on remonte.

JurisViva Locatif

L'en-tête s'efface quand vous lisez, revient quand vous remontez.

CSSJSdéfilement
207

Menu déroulant « Espace client »

Bouton « Espace client » de l'en-tête : trois destinations, flèches du clavier comprises.

CSSclip-pathclic
208

Pagination des annonces

Bas de la liste des annonces de cession : le jeton glisse, la liste suit le sens.

Annonces · exemple
  • Annonce 1
  • Annonce 2
  • Annonce 3
CSSWAAPIclic
209

Barre d'onglets mobile

Espace client sur téléphone : la barre du bas marque l'onglet en cours.

Espace client

Accueil

CSSclic
210

Barre de chargement de page

Arrivée sur « Prendre rendez-vous » : un trait d'or en haut, puis le contenu remplace l'attente.

JURISVIVA
Prendre rendez-vous

Choisissez le moment qui vous convient.

La page s'affiche dès qu'elle est prête.