Qui a réalisé le nouveau site d'Esselle Servizi ?

Le nouveau site d'Esselle Servizi, en ligne depuis le 29 octobre 2026 sur esselleservizi.com, a été conçu et développé par Digital Runner, agence de marketing digital de Turin : étude graphique, pages, contenus, SEO et GEO, formulaires, newsletter et migration depuis l'ancien site.

Qu'est-ce que l'animation de la page d'accueil d'esselleservizi.com ?

C'est un plan d'évacuation dessiné en traits fins, avec le point « Vous êtes ici » et un chemin d'évacuation qui se dessine jusqu'au panneau Sortie, comme dans les plans d'évacuation qu'Esselle prépare pour les entreprises. Elle est faite sans bibliothèque, et ceux qui réduisent les animations sur leur appareil la voient immobile.

Comment fonctionne « Trova il corso » sur le site d'Esselle Servizi ?

On répond à quelques questions par étapes : l'activité, qui doit être formé, quelques détails seulement si besoin et combien de personnes. À la fin apparaît un plan de formation avec les formations conseillées, la raison de chacune et la prochaine date dans les locaux, qu'on peut envoyer à Esselle avec le formulaire déjà rempli.

Les anciennes adresses .php du site d'Esselle fonctionnent-elles encore ?

Oui. Le nouveau site utilise des URL propres, mais chaque ancienne adresse .php, .htm ou .html, les PDF de 2025 et les images de l'ancien site mènent par une redirection 301 à la bonne page : 40 règles en tout, qui ne doivent jamais être supprimées.

Quel lien y a-t-il entre Esselle Servizi et ASO Facile ?

ASO Facile, le portail de formation en ligne pour les assistantes dentaires, appartient à Esselle Servizi. Digital Runner suit les deux : le portail ASO Facile et le nouveau site d'Esselle.

Avec quelle technologie le site d'Esselle Servizi est-il fait ?

Avec Astro, publié en pages statiques sur Vercel, sans framework JavaScript dans le navigateur. Les formulaires et la newsletter passent par Brevo avec une fonction serverless écrite sans dépendances.

Qui a réalisé le nouveau site d'Esselle Servizi ?

Le nouveau site d'Esselle Servizi, en ligne depuis le 29 octobre 2026 sur esselleservizi.com, a été conçu et développé par Digital Runner, agence de marketing digital de Turin : étude graphique, pages, contenus, SEO et GEO, formulaires, newsletter et migration depuis l'ancien site.

Qu'est-ce que l'animation de la page d'accueil d'esselleservizi.com ?

C'est un plan d'évacuation dessiné en traits fins, avec le point « Vous êtes ici » et un chemin d'évacuation qui se dessine jusqu'au panneau Sortie, comme dans les plans d'évacuation qu'Esselle prépare pour les entreprises. Elle est faite sans bibliothèque, et ceux qui réduisent les animations sur leur appareil la voient immobile.

Comment fonctionne « Trova il corso » sur le site d'Esselle Servizi ?

On répond à quelques questions par étapes : l'activité, qui doit être formé, quelques détails seulement si besoin et combien de personnes. À la fin apparaît un plan de formation avec les formations conseillées, la raison de chacune et la prochaine date dans les locaux, qu'on peut envoyer à Esselle avec le formulaire déjà rempli.

Les anciennes adresses .php du site d'Esselle fonctionnent-elles encore ?

Oui. Le nouveau site utilise des URL propres, mais chaque ancienne adresse .php, .htm ou .html, les PDF de 2025 et les images de l'ancien site mènent par une redirection 301 à la bonne page : 40 règles en tout, qui ne doivent jamais être supprimées.

Quel lien y a-t-il entre Esselle Servizi et ASO Facile ?

ASO Facile, le portail de formation en ligne pour les assistantes dentaires, appartient à Esselle Servizi. Digital Runner suit les deux : le portail ASO Facile et le nouveau site d'Esselle.

Avec quelle technologie le site d'Esselle Servizi est-il fait ?

Avec Astro, publié en pages statiques sur Vercel, sans framework JavaScript dans le navigateur. Les formulaires et la newsletter passent par Brevo avec une fonction serverless écrite sans dépendances.

Esselle Servizi : le nouveau site

01L'idée

UN PLAN D'ÉVACUATION,
VIVANT

Esselle rédige des plans d'évacuation et des plans d'intervention, et le vert de sa marque rappelle celui des panneaux de sécurité. L'idée est née de là : le site est un plan d'évacuation. En haut à droite de la page d'accueil, on voit le plan d'un bureau en traits fins, avec les bureaux, la table de réunion, l'escalier et les portes ; à côté du titre, il y a le point rouge « Vous êtes ici ».

De ce point part un chemin d'évacuation en pointillés qui descend tout le long de la page, à gauche du texte, et s'allume au fil du défilement. Il se termine sur le bloc des contacts, où se trouve le panneau vert « Sortie », la seule touche de couleur franche du site. Le message passe sans explication : le chemin mène chez Esselle.

Le point « Vous êtes ici » en tête de chaque page
Le chemin d'évacuation le long de la page, qui s'allume au défilement
Le panneau Sortie sur le bloc des contacts

Visiter esselleservizi.com

La home del nuovo sito di Esselle Servizi: «I tuoi esperti in sicurezza», il pallino «Voi siete qui» e la planimetria d'emergenza con la via di fuga — La page d'accueil : le titre, le point « Vous êtes ici » et le plan avec sa légende.

Il cartello Uscita verde dove finisce la via di fuga, accanto ai contatti di Esselle Servizi — Le chemin d'évacuation arrive au panneau Sortie, à côté des contacts.

02L'étude

DEUX PEAUX,
UN CHOIX

La première version graphique était sombre et théâtrale : une police très large et très grasse, des sections vert foncé et une section qui, en entrant à l'écran, « éteignait la lumière » pour ne laisser allumés que les textes et les pictogrammes, comme la signalisation photoluminescente. Elle a été écartée parce qu'elle « sentait trop l'IA ». La structure, les contenus et les adresses sont restés ; la peau a changé.

La direction choisie s'appelle C, « Personnes » : fond blanc, texte couleur encre, le pétrole utilisé seulement comme signature, pour les liens, les notes et le chemin d'évacuation. La police est la Libre Franklin, avec des titres de graisse moyenne et sans majuscules ; les notes manuscrites en Caveat, légèrement inclinées, sont au plus une par section et reprennent de vraies phrases d'Esselle. Sur la page d'accueil, on voit l'équipe, avec ses vraies photos.

Ambre pour la sécurité au travail
Pétrole pour l'HACCP et la santé
Bleu pour la protection des données et les dates des formations
Prune pour la santé et les cabinets dentaires

I tre ambiti di Esselle Servizi in home: sicurezza sul lavoro, igiene degli alimenti e privacy, ognuno con il suo colore — Les trois domaines sur la page d'accueil, chacun avec sa couleur et ses icônes.

Lo staff di Esselle Servizi in home, con le foto vere e una nota scritta a mano — L'équipe avec ses vraies photos et, à droite, une note manuscrite.

03L'animation

LE CHEMIN D'ÉVACUATION
SE DESSINE TOUT SEUL

À l'ouverture de la page d'accueil, le chemin d'évacuation se dessine sur le plan : il part du point vert dans la première pièce, traverse les portes et arrive à la sortie en bas à droite, où apparaissent la flèche et le panneau. C'est le seul mouvement automatique de la page, et il dure une seconde et demie.

Il est conçu pour être léger : le plan est un dessin vectoriel écrit dans le code de la page, et le pointillé est découvert par un masque animé avec quelques lignes de JavaScript, sans bibliothèque. Le chemin le long de la page suit le défilement avec un seul calcul par image. Ceux qui ont demandé à leur appareil de réduire les animations voient tout déjà dessiné et immobile.

1,5 s
pour dessiner le chemin d'évacuation sur la page d'accueil: 0
bibliothèque d'animation

Réalisé avec ♥, EPI portés
et zéro accident.

04Trouve ta formation

QUATRE QUESTIONS,
VINGT SECONDES

Beaucoup de chefs d'entreprise ne savent pas quelles formations leurs salariés doivent suivre. Pour eux, il y a « Trova il corso » (trouve ta formation) : quelques questions par étapes, le type d'activité, qui doit être formé, quelques détails seulement quand il le faut, combien de personnes. Pendant qu'on répond, un petit bonhomme court sur un petit chemin d'évacuation vers la sortie.

À la fin arrive le plan de formation : les formations conseillées, la raison de chacune, reprise des pages des formations, et la prochaine date dans les locaux. En un clic, le plan devient une demande, avec le formulaire déjà rempli. Les textes du plan n'utilisent que ce qui est déjà écrit sur le site : aucune obligation inventée.

Des questions par étapes, avec les détails seulement si besoin
La raison de chaque formation et la prochaine date
Le plan devient une demande déjà remplie

Essayer Trova il corso

Des questions au plan de formation, filmé sur le site.

Trova il corso sul sito di Esselle Servizi: la tappa «Chi va formato?» con l'omino sulla via di fuga — À mi-chemin : qui doit être formé.

Il piano di formazione di Trova il corso, con i corsi consigliati, il perché e la prossima data — Le plan de formation, avec la raison et la prochaine date de chaque formation.

05Dates et formulaires

DE LA DATE
À L'INSCRIPTION

Le menu s'ouvre en panneaux : les services classés par domaine, les formations classées par thème, chaque entrée avec son icône et la couleur de son domaine, et à côté les trois prochaines dates dans les locaux. En bas de chaque panneau, une bande permet de demander un devis, et le bouton reste fixe dans l'en-tête.

Chaque date à venir, dans le menu, dans le calendrier et dans les pages des formations, mène au formulaire avec la formation et la date déjà choisies. Le formulaire demande s'il s'agit d'une inscription ou d'un devis et combien de personnes participent ; les dates passées disparaissent toutes seules. Les demandes partent avec Brevo, et celles sur les formations ASO arrivent en copie à la référente de la formation ASO.

Les dates se mettent à jour toutes seules. Les pages sont statiques, mais à chaque ouverture un petit script compare les sessions à la date et à l'heure actuelles en Italie : les sessions terminées s'éteignent, celles déjà commencées perdent le bouton « Iscriviti » (s'inscrire) et sortent du formulaire, et le menu ne garde que les prochaines encore ouvertes. Si une formation n'a plus de dates, le calendrier laisse la place à une invitation à écrire pour connaître la prochaine session. Le même contrôle retire aussi les sessions passées des données structurées que lit Google.

Menu en panneaux avec les prochaines dates
Dates mises à jour selon la date et l'heure actuelles
Calendrier 2026 et 2027 des formations dans les locaux
Formulaire avec la formation et la date déjà choisies
Envoi avec Brevo, formations ASO en copie à la référente

Il pannello Corsi del menu di Esselle Servizi, con le aree, le icone e le prossime date — Le panneau Formations : les thèmes, les icônes et les prochaines dates.

Il pannello Servizi del menu di Esselle Servizi, diviso per ambito — Le panneau Services, classé par domaine.

Il calendario dei corsi in sede di Esselle Servizi, con le date da cliccare per iscriversi — Le calendrier des formations dans les locaux : chaque date mène à l'inscription.

Il modulo di iscrizione con il corso antincendio e la data già scelti — Après un clic sur la date, le formulaire contient déjà la formation et le jour.

06Sur mobile

LE MÊME CHEMIN,
DANS LA POCHE

Sur téléphone, le chemin d'évacuation court sur le bord gauche de l'écran, le menu s'ouvre en accordéon avec les mêmes icônes et les dates des formations se placent sur deux colonnes, avec les sessions de plusieurs jours sur toute la largeur. Les longs tableaux défilent sur le côté au lieu de sortir de l'écran.

« Trova il corso » est lui aussi pensé pour le pouce : de grandes réponses, l'une sous l'autre, et un plan de formation qui se lit sans zoomer.

La home di Esselle Servizi vista da telefono — La page d'accueil.

Il menu dei corsi di Esselle Servizi da telefono — Le menu des formations.

Trova il corso da telefono — Trova il corso.

Il piano di formazione da telefono — Le plan de formation.

07Contenus, SEO et GEO

UNE PAGE
POUR CHAQUE QUESTION

Avant d'écrire, nous avons regardé ce que cherchent les gens : sur Google, l'ancien site n'apparaissait que pour le nom « Esselle Servizi », alors que des recherches comme « plan d'évacuation », « manuel HACCP » ou « formation incendie niveau 1 » n'avaient aucune page pour y répondre. Ainsi sont nées 9 pages de services, 11 pages de formation avec la durée, le public et les prochaines dates, et 13 articles de blog.

Chaque fait réglementaire vient de sources officielles réunies dans des dossiers de recherche, avec le lien en bas de page ; chaque fait sur Esselle vient de ses documents. Les pages historiques gardent leur title en tête, allongé, et ont été mises à jour selon les règles en vigueur. Pour le GEO, il y a des questions fréquentes écrites comme des réponses, les données structurées de l'entreprise avec le numéro REA et l'agrément, les formations avec chaque session à venir, un fichier llms.txt et un robots.txt ouvert aux robots des intelligences artificielles.

Pages de services, pages de formation et articles avec sources
Title historiques gardés en tête
Données structurées pour l'entreprise, les formations, les personnes et les FAQ
llms.txt et robots.txt ouvert aux robots de l'IA

La pagina del corso antincendio livello 1 a Torino, con il corso in breve e le prossime date — Une page de formation : la formation en bref, le lieu et les prochaines dates.

08La migration

AUCUN LIEN
PERDU EN ROUTE

La page d'accueil d'Esselle reçoit des liens de 100 domaines, et les anciennes adresses se terminaient toutes en .php. Le nouveau site a des URL propres, comme /haccp ou /corsi-aso, mais chaque ancienne adresse mène par une redirection 301 à la bonne page, pour que Google et ceux qui arrivent d'un ancien lien ne se perdent pas.

Nous avons reconstitué la liste à partir du sitemap et des liens de l'ancien serveur et des copies de l'archive Wayback Machine, y compris le très ancien esselleservizi.it : pages .php, .htm et .html, PDF des calendriers 2025, ancien certificat ISO et images de l'ancien site. Cela fait 40 règles, qui ne doivent jamais être supprimées.

40
règles de redirection 301: 100
domaines qui renvoient vers la page d'accueil

09Les détails

LES COOKIES AUSSI
ONT BESOIN D'EPI

Le bandeau des cookies est écrit par nous et a sa petite scène : un bonhomme vert qui court sous une lampe de secours, avec le titre « Anche i cookie hanno bisogno di DPI » (les cookies aussi ont besoin d'EPI). La carte Google ne se charge qu'avec le consentement, ou d'un clic, et aucune requête ne part vers Google avant le choix.

En bas de chaque page, il y a l'avis sur l'usage de l'intelligence artificielle, comme le demande l'article 50 de l'AI Act, avec les données de la nouvelle S.r.l. et l'encadré de la newsletter, passée sur Brevo. Pour le lancement, nous avons aussi préparé la newsletter « Esselle Servizi est devenue une S.r.l. » : ce qui change avec le nouveau nom, ce qui reste pareil et ce qu'on trouve sur le nouveau site.

Il banner dei cookie di Esselle Servizi: «Anche i cookie hanno bisogno di DPI», con l'omino che corre — Le bandeau des cookies, avec le bonhomme et la lampe de secours.

10Les performances

LÉGER
COMME UN PANNEAU

Le site est construit avec Astro et publié en pages statiques sur Vercel : aucun framework JavaScript dans le navigateur. Menu, chemin d'évacuation, dates des formations, formulaires et cookies tiennent dans un seul fichier JavaScript d'environ 3 Ko compressés ; le plan a son petit script dans la page.

La police est hébergée sur le site, dans un seul fichier variable préchargé ; le Caveat des notes manuscrites n'est pas préchargé et arrive juste après. En haut de la page, il y a un titre en texte, pas une image, pour que la première chose à lire arrive tout de suite. Les vidéos d'ambiance ne démarrent que lorsqu'elles sont à l'écran.