Bibliothèque de mouvements · 01 / 10

Héros et entrées de page

Le premier écran de l'accueil et des trois pôles : titres qui se lèvent, emblème qui se trace, photographies dévoilées, lumière qui passe — une mise en scène précise, jamais tapageuse.

001

Lever de titre

Héros de la page Créance : le titre monte ligne à ligne, puis le chapô et l'appel à l'action.

JurisViva Créance

Vos factures impayées, reprises en main.

De la relance amiable à la procédure, un seul interlocuteur pour votre entreprise.

Confier un dossier
CSSvue
002

Tracé de l'emblème

En-tête de l'accueil au premier chargement : le chevron du toit se dessine, puis le nom se pose.

JurisVivaGroupe

SVGvue
003

Rideau photographique

Héros de la page Cession : un pan grenat traverse le cadre et laisse la photographie derrière lui, pendant que le titre se lève.

JurisViva Cession

Céder votre commerce, à votre rythme.

Fonds de commerce, murs, entreprises : un accompagnement de l'estimation à la signature.

Présenter mon projet
Devantures de commerces le long d'une rue
CSSmasque + refletvue
004

Héros à trois volets

Héros de l'accueil (index.html) : les trois pôles se partagent l'écran, celui que l'on vise s'élargit et s'éclaire.

CSSsurvol · focus
005

Balayage de lumière

Bandeau bleu-vert « Être rappelé » sous le héros : un rai de lumière traverse lentement la matière.

Être rappelé

Parlons de votre dossier.

Prendre rendez-vous
CSSboucle
006

De l'affiche au film

Héros vidéo de la page Créance : l'affiche fixe s'ouvre en cercle depuis le bouton et devient un film court, muet, que l'on peut mettre en pause.

Devanture bleu-vert d'un commerce, au petit matin
JurisViva Créance

Une facture impayée n'attend pas.

Nous reprenons le dossier, vous gardez la main sur votre activité.

CSS + JSvidéo BFLclic
007

Séquence de chargement

Arrivée sur l'accueil : filet de progression, en-tête, titre, pavés des pôles, puis le bouton — dans cet ordre.

JurisViva CréanceCessionLocatif

Trois métiers, un même toit.

CréanceCessionLocatif
Être rappelé
CSSvue
008

Lueur sous le pointeur

Héros sombre de la page Créance : une lueur dorée suit le pointeur et éclaire le liseré du cadre.

JurisViva Créance

Un impayé ? Reprenons le fil ensemble.

Décrire ma situation
CSS + JSsurvol · focus
009

Arrivée de l'en-tête

En-tête collant de tout le site : transparent sur le héros, il devient capsule flottante puis se resserre quand on descend.

CréanceCessionLocatif Être rappelé
Groupe JurisViva

Trois métiers au service des professionnels.

CréanceLe recouvrement des factures impayées.

CessionLa vente de fonds de commerce, de murs et d'entreprises.

LocatifLa gestion des locaux commerciaux.

Un groupeUne même équipe pour suivre votre dossier.

CSS + JSdéfilement
010

Mots pesés

Titres de section de la page Cession : les mots arrivent un à un, le dernier est souligné d'un trait d'or.

JurisViva Cession

Transmettre un commerce, cela se prépare.

Estimation, mise en relation, signature : chaque étape à son heure.

CSSvue
011

Ken Burns retenu

Héros photographique de la page d'attente Locatif : la photographie avance à peine, le texte ne bouge pas.

Devanture ancienne d'une droguerie sous son store rayé
JurisViva Locatif

Vos locaux commerciaux, suivis avec soin.

CSSboucle
012

Volets qui s'ouvrent

Héros de la page Locatif : le rideau de boutique se lève lame après lame, le jour entre, puis le titre se pose.

Terrasse d'un café-restaurant à l'angle d'une rue
JurisViva Locatif

Votre local commercial, entre de bonnes mains.

Baux, loyers, états des lieux : une gestion suivie pour les bailleurs professionnels.

Découvrir le pôle
CSSlames + lumièrevue
013

Chevron qui abrite

Section « Le groupe » de l'accueil : le toit de l'emblème se trace au-dessus des trois pôles, qui viennent s'y ranger.

  • Créance
  • Cession
  • Locatif

Un groupe, trois métiers

SVG + CSSvue
014

Profondeur au pointeur

Annonce de cession mise en avant dans le héros : photographie, cartouche et liseré glissent sur trois plans.

CSS + JSsurvol · focus
015

Ouverture en chevron

Visuel d'ouverture des pages de pôle : la photographie apparaît dans une petite maison, qui s'ouvre jusqu'au plein cadre.

Devanture bleu-vert d'un commerce
JurisViva Créance

Faire valoir une facture impayée.

CSSclip-pathvue
016

Étiquette puis titre

Entrée de chaque section de la page Locatif : l'étiquette se resserre, un filet se tire, le titre suit.

Gestion locative

Un bail commercial se suit dans la durée.

Loyers, charges, échéances : chaque point à sa date.

CSSvue
017

Appel lumineux

Bouton « Être rappelé » du héros : un point d'or s'ouvre en bouton, puis respire comme le halo du site.

Parlons de votre facture impayée.

Être rappelé

Prise de rendez-vous en ligne.

CSSvue
018

Héros qui se range

Sortie du héros de la page Locatif : au défilement, la photographie plein cadre se resserre en carte arrondie.

Étal de fleurs devant une boutique
JurisViva Locatif

Un local loué, un suivi régulier.

Exemple · 1Le bail et ses échéances

Exemple · 2Les loyers et les charges

Exemple · 3Les états des lieux

CSS + JSdéfilement
019

Passage d'un pôle à l'autre

Héros de l'accueil à onglets : la couleur du pôle choisi se répand depuis son onglet, le texte se relève.

Le groupe

JurisViva Créance

Le recouvrement des factures impayées des professionnels.

JS · WAAPIclic
020

Ligne d'horizon

Bandeau grenat d'ouverture des annonces de cession : un filet d'or se tire, le titre se lève derrière lui.

Vendre son fonds de commerce

Une méthode, des étapes claires, un interlocuteur.

CSSvue
021

Reflet dans le titre

Titre de la page des annonces de cession : un reflet d'or traverse les lettres une seule fois, à l'arrivée.

Annonces de cession

Des commerces à reprendre, partout en France.

Fonds, murs et entreprises présentés par le pôle Cession.

CSSbackground-clipvue
022

La vitrine s'allume

Carte « local à louer » du héros Locatif : au survol, les vitrines s'éclairent l'une après l'autre et le trottoir prend la lumière.

CSSimage BFLsurvol · focus
023

Saisie d'en-tête

Héros du simulateur Créance : le montant saisi remonte dans le titre, chiffre après chiffre.

Simulateur · Exemple

Une facture impayée de 2 400 € ?

Saisissez un montant : le titre s'accorde à votre situation.

CSS + JSsaisie
024

Grille d'architecte

Fond du héros « Le groupe » : une trame de filets se tire, deux repères d'or se posent, le titre s'y cale.

Groupe JurisViva

Une structure claire pour des dossiers qui ne le sont pas toujours.

CSSvue
025

Rais de lumière

Héros sombre de la page Créance : la lumière d'une fenêtre dérive sur la matière et suit doucement le pointeur ; un éclat court sur le filet d'or.

JurisViva Créance

Remettre de la clarté dans vos impayés.

Confier un dossier
Canvas 2Dboucle · pointeur
026

Rideau à trois pans

Tout premier chargement de l'accueil : trois pans aux couleurs des pôles se lèvent tour à tour sur le héros, l'emblème se trace, le titre se lève.

Trois métiers, une même exigence.

Impayés, cession, gestion locative : le groupe JurisViva accompagne les professionnels.

CSS + SVGrideau + tracé + titrevue
027

Invitation à descendre

Bas du héros des pages de pôle : un grain d'or descend le long d'un filet et invite à poursuivre.

JurisViva Locatif

La gestion de vos locaux commerciaux.

Découvrir
CSSboucle
028

Cadre qui s'élargit

Héros d'une annonce de cession : la vignette s'ouvre jusqu'au plein cadre, un liseré d'or en fait le tour, le titre se lève.

Place d'un village et ses commerces
Annonce · Exemple

Un commerce de village cherche son repreneur.

Voir l'annonce
CSSclip-path + liserévue
029

Aperçu filmé au survol

Vignette du héros Créance : au survol ou au focus, l'affiche laisse place au film ; en sortant, elle revient.

CSS + JSvidéo BFLsurvol · focus
030

Signature du groupe

Écran d'ouverture ou pied de page de l'accueil : l'emblème se trace, le nom monte lettre à lettre, les pôles suivent, un éclat passe.

JurisViva

  • Créance
  • Cession
  • Locatif