Assurance santé et prévoyance d'entreprise
Le Zèbre
Une assurance qui refuse le contrat standard méritait un site qui ne parle pas à tout le monde de la même façon. On a dessiné ses parcours, développé le site et son devis connecté, puis on l'a référencé.
Un indépendant, un dirigeant de PME et un DRH de grand groupe n'ont ni les mêmes questions, ni le même vocabulaire.
Le défi
La santé et la prévoyance collectives sont un sujet aride, sur un marché où tous les acteurs se ressemblent. Un discours unique les perdait tous. Il fallait parler simplement sans perdre en crédibilité, et mener vite au devis.
Ce que nous avons livré
- Design UX/UI
- Développement Next.js
- Devis connecté à Pappers
- Page manifeste animée
- Référencement SEO
Sur l'univers de marque existant du Zèbre : logo, zèbre et illustrations sont les siens.
Une entrée, quatre parcours.
On a dessiné une seule page profil : l'arche, le zèbre, un titre surligné, un bouton principal. Chaque parcours la décline avec sa couleur, ses arguments et l'action qui lui correspond.
Accueiltrois blocs d'orientation, et le menu Partenaires pour les experts-comptables
Un indépendant décide seul, et vite. On a mis le devis en premier et gardé le rendez-vous juste à côté, pour qui préfère en parler.
- Le bouton principal
- Mon devis en 3 clics
- Le titre de la page
- « Indépendants, votre santé mérite une vraie couverture »
Un devis qui connaît déjà l'entreprise.
Une mutuelle d'entreprise dépend de la convention collective, que peu de dirigeants connaissent par cœur. On a branché le devis sur l'API Pappers : le visiteur tape le nom de sa société, le site retrouve le reste.
Captation du site en ligne avec une entreprise fictive : aucune demande n'a été envoyée.
Chercher
Un seul champ. Le site reconnaît seul un nom, un SIREN ou un SIRET, et pagine les homonymes par six.
Vérifier
L'API Pappers pré-remplit adresse, code NAF, SIRET, convention collective, effectif et gérant. Le visiteur corrige au lieu de saisir.
Préciser
Huit domaines à cocher, de la santé à la flotte auto. Les données facultatives, âge moyen et cadres, affinent le tarif sans bloquer.
Envoyer
La demande arrive chez le Zèbre avec la fiche entreprise complète. Chaque champ est revérifié côté serveur avant l'envoi.
Une page manifeste construite pour le scroll.
Le Zèbre voulait qu'on entre dans son regard. On a fait de la page Pourquoi une plongée : le scroll traverse l'œil du zèbre, puis ses six valeurs s'épinglent une à une.
Captée sur lezebre.io/pourquoi. Là-bas, c'est le scroll qui avance.
- Du sticky plutôt qu'un pin
- La plongée tient dans une section haute de quatre écrans, en position sticky. Le pin GSAP de départ entrait en conflit avec la barre de navigation : on l'a remplacé.
- La navigation s'efface
- Pendant la plongée et les six valeurs, la barre du site se retire pour laisser toute la place à l'image. Elle revient dès la sortie.
- Une version courte
- Quand le système demande moins d'animations, la plongée passe de quatre écrans à un et demi et les valeurs se lisent sans épinglage.
Ce qui ne se voit pas.
- Clair ou sombre
- Le site existe dans les deux thèmes. Le choix du visiteur est mémorisé d'une visite à l'autre.
- Des cookies consentis
- Google Analytics ne se charge qu'après accord. Le bandeau s'efface quand le site est embarqué dans une autre page.
- Des formulaires blindés
- Formats, longueurs et domaines sont contrôlés côté serveur, et tout ce qui part par e-mail est échappé.
Un titre par page, écrit comme on cherche
Chaque page a sa balise titre et sa description. Celles des profils commencent par ce que tape le visiteur, pas par le nom de la marque.
- lezebre.io/tnsAssurance TNS - Le Zèbre | Protection santé pour indépendants
- lezebre.io/tpe-pmeAssurance TPE-PME - Le Zèbre | Couverture collective entreprise
- lezebre.io/grands-groupesGrands Groupes - Le Zèbre | Solutions sur-mesure grandes entreprises
- lezebre.io/experts-comptablesExperts-Comptables - Le Zèbre | Programme partenaire DSN