Bibliothèque de mouvements · 05 / 10

Défilement et révélations

Raconter un dossier au rythme du défilement : chaque carte possède sa propre zone à faire défiler, la page, elle, n'est jamais détournée.

121

Parcours épinglé, de l'amiable au judiciaire

Page Créance, section « Les étapes du recouvrement » : la scène reste en place pendant que les quatre étapes se succèdent.

  1. Étape 1 sur 4 · Phase amiable

    Relance amiable

    Nous reprenons contact avec votre débiteur, par écrit puis par téléphone, pour obtenir le règlement de la facture impayée sans procédure.

  2. Étape 2 sur 4 · Phase amiable

    Mise en demeure

    Un courrier formel rappelle la facture impayée, les sommes dues et le cadre proposé pour les régler.

  3. Étape 3 sur 4 · Phase judiciaire

    Saisine du tribunal

    Si l'amiable n'aboutit pas, et seulement avec votre accord, le dossier est porté devant la juridiction compétente.

  4. Étape 4 sur 4 · Phase judiciaire

    Exécution de la décision

    Une fois la décision rendue, son exécution est confiée à un commissaire de justice. Vous suivez chaque acte depuis votre espace.

Épinglage stickyJS + propriété CSSdéfilement
122

Fil d'or

Espace client Créance, suivi d'un dossier : un trait d'or se dessine le long des jalons à mesure que l'on descend.

  1. Jalon 1

    Dépôt de la facture

    Vous transmettez la facture impayée et les pièces qui l'accompagnent.

  2. Jalon 2

    Vérification du dossier

    Nous contrôlons les pièces et vous signalons ce qui manque.

  3. Jalon 3

    Premier contact

    Votre débiteur est relancé, par écrit puis par téléphone.

  4. Jalon 4

    Compte rendu

    Chaque démarche est consignée et visible dans votre espace.

CSS scroll-drivenSVGdéfilement
123

Barre de lecture

Articles, guides et conditions générales : un filet d'or indique où l'on en est de la lecture.

Lecture0 %

Facture impayée : les premiers réflexes

Vérifiez d'abord que la facture a bien été reçue par le bon interlocuteur, et qu'elle ne fait l'objet d'aucune contestation.

Relancez par écrit, en rappelant le numéro de la facture, son montant et son échéance. Conservez une trace de chaque échange.

Rassemblez les pièces utiles : devis ou bon de commande signé, bon de livraison, facture, relances déjà envoyées.

Lorsque le dialogue n'avance plus, confiez le dossier : un tiers reprend la discussion avec méthode et vous tient informé.

CSS scroll-drivendéfilement
124

Parallaxe de vitrine

Page d'attente Locatif, bandeaux photographiques : la photo glisse plus lentement que son cadre, le texte reste fixe.

Trois devantures de commerces à la tombée du jour.
JurisViva Locatif

Vos locaux commerciaux, suivis de près.

Bail, loyers, charges, travaux : la gestion locative d'un local professionnel demande de la suite dans les idées.

Devanture d'une droguerie de quartier.
Un seul interlocuteur

Pour le bailleur comme pour ses murs.

Vous gardez la vue d'ensemble ; chaque échéance est préparée et vous est signalée.

CSS view-timelineImage BFLdéfilement
125

Séquence au défilement : le rideau se lève

Ouverture de la page Locatif : la vidéo n'est jamais lue seule, c'est le défilement qui en tient la manivelle, image par image.

Trois devantures de commerces à la tombée du jour, rideau métallique baissé au centre.
  1. Un local commercial, rideau baissé.
  2. Un bail, des échéances, un suivi régulier.
  3. JurisViva Locatif : la gestion locative des professionnels.
Vidéo BFL pilotéeJS amortidéfilement
126

Traversée horizontale des trois pôles

Accueil du groupe, sous les pavés : le défilement vertical fait glisser Créance, Cession puis Locatif, chacun dans sa couleur.

Pôle 1 sur 3

JurisViva Créance

Le recouvrement de vos factures impayées, à l'amiable d'abord, en justice si nécessaire.

Découvrir le pôle
Pôle 2 sur 3

JurisViva Cession

La vente de votre fonds de commerce, de votre entreprise ou de vos murs commerciaux.

Découvrir le pôle
Pôle 3 sur 3

JurisViva Locatif

La gestion locative de vos locaux professionnels, bail après bail.

Découvrir le pôle
CSS scroll-drivenÉpinglage stickydéfilement
127

Cartes empilées

Page Cession, liste des annonces mises en avant : chaque fiche vient se poser sur la précédente, qui recule et s'assombrit.

Annonces · exemples1 / 4
Exemple d'annonce

Boulangerie-pâtisserie

Fonds de commerce, présenté sous accord de confidentialité.

Exemple d'annonce

Brasserie d'angle

Fonds de commerce avec terrasse, dossier remis sur demande.

Exemple d'annonce

Hôtel de centre-ville

Murs et fonds, visite organisée après premier échange.

Exemple d'annonce

Murs commerciaux

Local occupé, bail commercial en cours.

StickyJS + propriété CSSdéfilement
128

Teinte de section

Accueil du groupe, présentation des métiers : le fond passe du bleu-vert au grenat puis à l'ocre, sans rupture, d'un pôle au suivant.

Pôle 1 sur 3

JurisViva Créance

Vos factures impayées, reprises avec méthode.

Pôle 2 sur 3

JurisViva Cession

Votre fonds, votre entreprise ou vos murs, présentés aux bons acquéreurs.

Pôle 3 sur 3

JurisViva Locatif

Vos locaux professionnels, gérés dans la durée.

CSS scroll-drivenview-timelinedéfilement
129

Révélation en iris

Page Cession, bandeau « Préparer la vente » : la photographie s'ouvre en cercle depuis le trousseau de clés.

Registre ouvert, trousseau de clés et liasse nouée d'un ruban grenat sur un bureau.
JurisViva Cession

Le jour de la signature se prépare bien avant.

CSS scroll-drivenclip-pathImage BFL
130

Traversée de l'emblème

Ouverture de l'accueil ou transition vers la prise de rendez-vous : on avance jusqu'à passer sous le toit de l'emblème.

JurisViva Groupe

Trois métiers.
Une même maison.

Prendre rendez-vous
Canvas 2DZoom exponentieldéfilement
131

Frise d'une cession

Page Cession, « Comment se déroule une vente » : une frise horizontale que l'on parcourt au doigt, à la molette ou aux flèches.

  1. Étape 1 · exemple

    Évaluation

    Un premier échange pour situer le fonds et son activité.

  2. Étape 2 · exemple

    Dossier de présentation

    Les pièces sont réunies et mises en ordre.

  3. Étape 3 · exemple

    Mise en relation

    L'annonce est présentée à des acquéreurs identifiés.

  4. Étape 4 · exemple

    Négociation

    Les conditions de la vente sont discutées puis arrêtées.

  5. Étape 5 · exemple

    Signature de l'acte

    L'acte est signé, les clés changent de main.

Défilement horizontal natifJS + propriété CSSdéfilement
132

Rideau entre deux sections

Page d'attente Locatif, passage du bandeau filmé au texte : la section suivante monte comme un rideau, la première recule.

JurisViva Locatif

Un local, un rideau, une adresse.

La suite

Une gestion suivie, bail après bail.

Loyers, charges, travaux, renouvellement : chaque échéance est préparée et vous est signalée.

Être tenu informé
StickyVidéo BFLdéfilement
133

Chiffres qui comptent à l'entrée

Espace client Créance, tableau de bord d'un dossier : chaque compteur démarre au moment où il entre dans la zone.

Un dossier se lit en quelques repères. Les valeurs ci-dessous sont purement illustratives.

12 pièces déposéesExemple d'affichage
Étape 2 sur 4Exemple d'affichage
3 relances consignéesExemple d'affichage
IntersectionObserverJSdéfilement
134

Phrase qui s'éclaire

Accueil du groupe, phrase-manifeste entre deux sections : les mots prennent leur encre un à un, au rythme du défilement.

Un impayé à recouvrer, un fonds à céder, des murs à gérer : un seul interlocuteur pour le dirigeant que vous êtes.

JS + propriété CSSStickydéfilement
135

Volet roulant

Page Locatif, bandeau d'ouverture : un rideau à lames remonte avec le défilement, un reflet passe, la légende se pose.

Brasserie d'angle, terrasse installée sous le store.
JurisViva Locatif

Vos locaux commerciaux, gérés avec méthode.

CSS scroll-drivenTrois calquesdéfilement
136

Bords fondus de liste

Annonces de cession, listes et tableaux longs : un fondu n'apparaît en haut ou en bas que s'il reste quelque chose à lire de ce côté.

  • Boulangerie-pâtisserieExemple
  • Brasserie d'angleExemple
  • Salon de coiffureExemple
  • Hôtel de centre-villeExemple
  • Murs commerciauxExemple
  • Local d'activitéExemple
  • Entreprise de servicesExemple
  • Commerce de proximitéExemple
JS + propriété CSSdéfilement
137

Sommaire espion

Mentions légales, conditions générales, pages longues : le sommaire reste en tête et un trait d'or glisse vers la rubrique en cours.

Mandat

Cette rubrique décrit ce que vous nous confiez et ce que nous faisons en votre nom.

Honoraires

Cette rubrique présente le mode de calcul des honoraires, tel qu'il figure dans votre convention.

Données

Cette rubrique précise quelles données sont traitées, pour quelle finalité et pendant combien de temps.

JSRessortdéfilement
138

Colonnes à contre-sens

Page Cession, mosaïque des annonces : deux colonnes de photographies se croisent, l'une monte pendant que l'autre descend.

Annonces de cession · exemples
CSS scroll-drivenStickydéfilement
139

Filet d'or sous les titres

Page Créance, foire aux questions et textes longs : sous chaque intertitre, un filet d'or se tire pendant que le titre monte dans la zone.

Quelles pièces réunir ?

La facture impayée, le devis ou le bon de commande, et vos relances.

Qui contacte mon débiteur ?

Nous, en votre nom, avec un ton ferme et courtois.

Que se passe-t-il ensuite ?

Chaque démarche est consignée ; vous décidez de la suite à donner.

Et si l'amiable échoue ?

La voie judiciaire vous est proposée, jamais engagée sans votre accord.

CSS view-timelinedéfilement
140

Cascade des pavés

Page Locatif, grille des sujets pris en charge : les pavés reprennent l'apparition en ressort de l'accueil, rangée après rangée.

Baux commerciaux

Loyers et charges

États des lieux

Travaux et entretien

Assurances

Renouvellements

Indexation

Comptes rendus

IntersectionObserverRessortdéfilement
141

Bandeau d'étape

Page « Étapes du recouvrement » sur téléphone : un bandeau collant rappelle l'étape en cours, son numéro tourne comme un compteur.

Dépôt du dossierRelance amiableMise en demeureSuite judiciaire

Dépôt du dossier

Vous déposez la facture impayée et ses pièces. Nous vérifions que le dossier est complet.

Relance amiable

Votre débiteur est contacté, par écrit puis par téléphone, pour trouver une issue sans procédure.

Mise en demeure

Un courrier formel fixe le cadre : ce qui est dû, et comment le régler.

Suite judiciaire

Avec votre accord, le dossier est porté devant la juridiction compétente.

StickyJSdéfilement
142

Strates qui s'alignent

Page Créance, section « Phase judiciaire » : la photographie arrive en quatre bandes décalées qui se rejoignent en défilant.

Phase judiciaire

Pièce après pièce, le dossier prend forme.

JS + propriété CSSStickydéfilement
143

Anneau de progression

Toutes les pages longues : le bouton « Revenir en haut » porte le toit de l'emblème, son anneau d'or se referme avec la lecture.

Ce que couvre la gestion locative

Le suivi du bail commercial, de sa signature à son renouvellement.

L'appel des loyers et des charges, et le rapprochement des règlements.

La préparation des états des lieux, à l'entrée comme à la sortie.

Le suivi des travaux et des obligations d'entretien de chacun.

Un compte rendu régulier, lisible, adressé au bailleur.

SVGJS + propriété CSSdéfilement
144

Pied de page révélé

Bas de toutes les pages : le contenu se soulève et découvre le pied de page, déjà en place dessous, avec le bouton de rappel.

Fin de page

Une question sur votre dossier ?

Décrivez-nous votre situation : facture impayée, projet de cession ou gestion d'un local professionnel.

Nous revenons vers vous pour en parler de vive voix.

JurisVivaCréance · Cession · LocatifÊtre rappelé
Sticky basJS + propriété CSSdéfilement
145

En-tête qui se replie

Pages intérieures sur téléphone : le bandeau photographique se replie en une barre de titre compacte qui reste en tête.

JurisViva Locatif

Gestion locative

  • Baux commerciaux
  • Loyers et charges
  • États des lieux
  • Travaux et entretien
  • Assurances
  • Renouvellements
  • Comptes rendus
Sticky négatifImage BFLdéfilement
146

Balayage de lumière au passage

Page Cession, illustration d'un article : en traversant la zone, la photographie se pose et un reflet doré la parcourt une fois.

Une cession se joue rarement le jour de la signature. Elle se prépare, pièce après pièce, pendant les semaines qui précèdent.

Registre ouvert, trousseau de clés et liasse nouée d'un ruban grenat.

Acte, clés, inventaire : tout est prêt.

Le bail, les contrats en cours, l'inventaire du matériel : chaque document trouve sa place dans le dossier remis à l'acquéreur.

CSS view-timelineImage BFLdéfilement
147

Dossier qui se remplit

Dépôt de pièces, écran d'explication : à chaque cran de défilement, une feuille descend dans la chemise et le compteur avance.

5 / 5pièces · exemple
JSRessortdéfilement
148

Avant / après au défilement

Page Locatif, argument « Des échéances suivies » : un trait d'or traverse la scène et remet en ordre ce qui était éparpillé.

Échéances suivies
CSS scroll-drivenclip-pathdéfilement
149

Lignes sous masque

Page Cession, grandes phrases d'ouverture de section : chaque ligne du titre monte de derrière son masque quand elle entre dans la zone.

Céder son fonds,c'est transmettreun outil de travail.

Nous en parlons d'abord avec vous.

Un dossier clairse lit plus vite.

Les pièces sont réunies et mises en ordre.

Chaque cessiona son calendrier.

Le vôtre est posé dès le premier échange.

IntersectionObserverMasquedéfilement
150

Rendez-vous final

Dernière section de l'accueil : les trois couleurs se referment en une ligne, l'emblème se trace, l'appel à être rappelé arrive.

Parlons de votre dossier.

Être rappelé