Chi ha realizzato il nuovo sito di Esselle Servizi?

Il nuovo sito di Esselle Servizi, online dal 29 ottobre 2026 su esselleservizi.com, è stato progettato e sviluppato da Digital Runner, agenzia di marketing digitale di Torino: studio grafico, pagine, contenuti, SEO e GEO, moduli, newsletter e migrazione dal vecchio sito.

Cos'è l'animazione nella home di esselleservizi.com?

È una planimetria d'emergenza disegnata a linee sottili, con il pallino «Voi siete qui» e una via di fuga che si disegna fino al cartello Uscita, come nei piani d'evacuazione che Esselle prepara per le aziende. È fatta senza librerie e chi riduce le animazioni sul proprio dispositivo la vede ferma.

Come funziona «Trova il corso» sul sito di Esselle Servizi?

Si risponde a poche domande a tappe: l'attività, chi va formato, qualche dettaglio solo se serve e quante persone. Alla fine compare un piano di formazione con i corsi consigliati, il perché di ognuno e la prossima data in sede, che si può mandare a Esselle con il modulo già compilato.

I vecchi indirizzi .php del sito di Esselle funzionano ancora?

Sì. Il sito nuovo usa URL puliti, ma ogni vecchio indirizzo .php, .htm o .html, i PDF del 2025 e le immagini del vecchio sito portano con un redirect 301 alla pagina giusta: in tutto 40 regole, che non vanno mai tolte.

Che legame c'è tra Esselle Servizi e ASO Facile?

ASO Facile, il portale di formazione online per le assistenti di studio odontoiatrico, è di Esselle Servizi. Digital Runner segue entrambi: il portale ASO Facile e il nuovo sito di Esselle.

Con quale tecnologia è fatto il sito di Esselle Servizi?

Con Astro, pubblicato come pagine statiche su Vercel, senza framework JavaScript nel browser. I moduli e la newsletter passano da Brevo con una funzione serverless scritta senza dipendenze.

Chi ha realizzato il nuovo sito di Esselle Servizi?

Il nuovo sito di Esselle Servizi, online dal 29 ottobre 2026 su esselleservizi.com, è stato progettato e sviluppato da Digital Runner, agenzia di marketing digitale di Torino: studio grafico, pagine, contenuti, SEO e GEO, moduli, newsletter e migrazione dal vecchio sito.

Cos'è l'animazione nella home di esselleservizi.com?

È una planimetria d'emergenza disegnata a linee sottili, con il pallino «Voi siete qui» e una via di fuga che si disegna fino al cartello Uscita, come nei piani d'evacuazione che Esselle prepara per le aziende. È fatta senza librerie e chi riduce le animazioni sul proprio dispositivo la vede ferma.

Come funziona «Trova il corso» sul sito di Esselle Servizi?

Si risponde a poche domande a tappe: l'attività, chi va formato, qualche dettaglio solo se serve e quante persone. Alla fine compare un piano di formazione con i corsi consigliati, il perché di ognuno e la prossima data in sede, che si può mandare a Esselle con il modulo già compilato.

I vecchi indirizzi .php del sito di Esselle funzionano ancora?

Sì. Il sito nuovo usa URL puliti, ma ogni vecchio indirizzo .php, .htm o .html, i PDF del 2025 e le immagini del vecchio sito portano con un redirect 301 alla pagina giusta: in tutto 40 regole, che non vanno mai tolte.

Che legame c'è tra Esselle Servizi e ASO Facile?

ASO Facile, il portale di formazione online per le assistenti di studio odontoiatrico, è di Esselle Servizi. Digital Runner segue entrambi: il portale ASO Facile e il nuovo sito di Esselle.

Con quale tecnologia è fatto il sito di Esselle Servizi?

Con Astro, pubblicato come pagine statiche su Vercel, senza framework JavaScript nel browser. I moduli e la newsletter passano da Brevo con una funzione serverless scritta senza dipendenze.

Esselle Servizi: il nuovo sito

01L'idea

UNA PLANIMETRIA
D'EMERGENZA, VIVA

Esselle redige piani d'evacuazione e planimetrie d'emergenza, e il verde del suo marchio richiama quello dei cartelli di salvataggio. Da qui è nata l'idea: il sito è una planimetria d'emergenza. In alto a destra della home c'è la pianta di un ufficio a linee sottili, con scrivanie, tavolo riunioni, scala e porte; accanto al titolo c'è il pallino rosso «Voi siete qui».

Da quel pallino parte una via di fuga tratteggiata che scende lungo tutta la pagina, a sinistra del testo, e si accende man mano che si scorre. Finisce sul blocco dei contatti, dove c'è il cartello «Uscita» verde, l'unico pezzo di colore pieno del sito. Il messaggio arriva senza spiegazioni: la strada porta da Esselle.

Pallino «Voi siete qui» in testa a ogni pagina
Via di fuga lungo la pagina, che si accende con lo scroll
Cartello Uscita sul blocco dei contatti

Visita 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 home: il titolo, il pallino «Voi siete qui» e la planimetria con la sua legenda.

Il cartello Uscita verde dove finisce la via di fuga, accanto ai contatti di Esselle Servizi — La via di fuga arriva al cartello Uscita, accanto ai contatti.

02Lo studio

DUE PELLI,
UNA SCELTA

La prima versione grafica era scura e teatrale: un carattere molto largo e grassetto, sezioni verde scuro e una sezione che, entrando in vista, «spegneva le luci» e lasciava accesi solo testi e pittogrammi, come la segnaletica fotoluminescente. È stata bocciata perché «sapeva troppo di AI». Struttura, contenuti e indirizzi sono rimasti; è cambiata la pelle.

La direzione scelta si chiama C, «Persone»: fondo bianco, testo color inchiostro, il petrolio usato solo come firma, per i link, le note e la via di fuga. Il carattere è il Libre Franklin, con titoli di peso medio e senza maiuscolo; le note a mano in Caveat, leggermente ruotate, sono al massimo una per sezione e riprendono frasi vere di Esselle. In home ci sono le persone dello staff, con le loro foto vere.

Ambra per la sicurezza sul lavoro
Petrolio per HACCP e salute
Blu per la privacy e le date dei corsi
Prugna per la sanità e gli studi odontoiatrici

I tre ambiti di Esselle Servizi in home: sicurezza sul lavoro, igiene degli alimenti e privacy, ognuno con il suo colore — I tre ambiti in home, ognuno con il suo colore e le sue icone.

Lo staff di Esselle Servizi in home, con le foto vere e una nota scritta a mano — Lo staff con le foto vere e, a destra, una nota a mano.

03L'animazione

LA VIA DI FUGA
SI DISEGNA DA SOLA

All'apertura della home la via di fuga si disegna sulla planimetria: parte dal punto verde nella prima stanza, attraversa le porte e arriva all'uscita in basso a destra, dove compaiono la freccia e il cartello. È l'unico movimento automatico della pagina, e dura un secondo e mezzo.

È fatta in modo leggero: la planimetria è un disegno vettoriale scritto nel codice della pagina, e il tratteggio viene scoperto da una maschera animata con poche righe di JavaScript, senza librerie. La via lungo la pagina segue lo scroll con un solo calcolo per fotogramma. Chi ha chiesto al proprio dispositivo di ridurre le animazioni vede tutto già disegnato e fermo.

1,5 s
per disegnare la via di fuga in home: 0
librerie di animazione

Realizzato con ♥, DPI indossati
e zero infortuni.

04Trova il corso

QUATTRO DOMANDE,
VENTI SECONDI

Molti titolari non sanno quali corsi devono fare fare ai loro dipendenti. Per loro c'è «Trova il corso»: poche domande a tappe, che tipo di attività è, chi va formato, qualche dettaglio solo quando serve, quante persone. Mentre si risponde, un omino corre lungo una piccola via di fuga verso l'uscita.

Alla fine arriva il piano di formazione: i corsi consigliati, il perché di ognuno, preso dalle pagine dei corsi, e la prossima data in sede. Con un clic il piano diventa una richiesta, con il modulo già compilato. I testi del piano usano solo quello che è già scritto sul sito: nessun obbligo inventato.

Domande a tappe, con i dettagli solo se servono
Il perché di ogni corso e la prossima data
Il piano diventa una richiesta già compilata

Prova Trova il corso

Dalle domande al piano di formazione, ripreso dal sito.

Trova il corso sul sito di Esselle Servizi: la tappa «Chi va formato?» con l'omino sulla via di fuga — A metà strada: chi va formato.

Il piano di formazione di Trova il corso, con i corsi consigliati, il perché e la prossima data — Il piano di formazione, con il perché e la prossima data di ogni corso.

05Date e moduli

DALLA DATA
ALL'ISCRIZIONE

Il menu si apre a pannelli: i servizi divisi per ambito, i corsi divisi per area, ogni voce con la sua icona e il colore della sua area, e accanto le prossime tre date in sede. In fondo a ogni pannello c'è la fascia per chiedere un preventivo, e il pulsante resta fisso nella testata.

Ogni data futura, nel menu, nel calendario e nelle pagine dei corsi, porta al modulo con corso e data già scelti. Il modulo chiede se serve un'iscrizione o un preventivo e quante persone partecipano; le date passate escono da sole. Le richieste partono con Brevo, e quelle sui corsi ASO arrivano in copia alla referente della formazione ASO.

Le date si aggiornano da sole. Le pagine sono statiche, ma a ogni apertura un piccolo script confronta le edizioni con la data e l'ora di adesso in Italia: le edizioni finite si spengono, quelle già cominciate perdono il pulsante «Iscriviti» ed escono dal modulo, nel menu restano solo le prossime ancora aperte. Se un corso resta senza date, al posto del calendario compare l'invito a scrivere per sapere quando parte la prossima edizione. Lo stesso controllo toglie le edizioni passate anche dai dati strutturati che legge Google.

Menu a pannelli con le prossime date
Date che si aggiornano con data e ora di adesso
Calendario 2026 e 2027 dei corsi in sede
Modulo con corso e data già scelti
Invio con Brevo, corsi ASO in copia alla referente

Il pannello Corsi del menu di Esselle Servizi, con le aree, le icone e le prossime date — Il pannello Corsi: le aree, le icone e le prossime date.

Il pannello Servizi del menu di Esselle Servizi, diviso per ambito — Il pannello Servizi, diviso per ambito.

Il calendario dei corsi in sede di Esselle Servizi, con le date da cliccare per iscriversi — Il calendario dei corsi in sede: ogni data porta all'iscrizione.

Il modulo di iscrizione con il corso antincendio e la data già scelti — Dopo un clic sulla data, il modulo ha già il corso e il giorno.

06Da telefono

LA STESSA STRADA,
IN TASCA

Da telefono la via di fuga corre sul bordo sinistro dello schermo, il menu si apre a fisarmonica con le stesse icone e le date dei corsi si dispongono su due colonne, con le edizioni di più giorni a tutta larghezza. Le tabelle lunghe scorrono di lato invece di uscire dallo schermo.

Anche «Trova il corso» è pensato per il pollice: risposte grandi, una sotto l'altra, e il piano di formazione che si legge senza ingrandire.

La home di Esselle Servizi vista da telefono — La home.

Il menu dei corsi di Esselle Servizi da telefono — Il menu dei corsi.

Trova il corso da telefono — Trova il corso.

Il piano di formazione da telefono — Il piano di formazione.

07Contenuti, SEO e GEO

UNA PAGINA
PER OGNI DOMANDA

Prima di scrivere abbiamo guardato cosa cercano le persone: su Google il vecchio sito usciva solo per il nome «Esselle Servizi», mentre ricerche come «piano di evacuazione», «manuale HACCP» o «corso antincendio livello 1» non avevano una pagina da cui rispondere. Così sono nate 9 pagine di servizio, 11 pagine corso con durata, destinatari e prossime date, e 13 articoli del blog.

Ogni fatto normativo viene da fonti ufficiali raccolte in dossier di ricerca, con il link in fondo alla pagina; ogni fatto su Esselle viene dai suoi materiali. Le pagine storiche tengono il loro title in testa, allungato, e sono state aggiornate alle norme di oggi. Per la GEO ci sono domande frequenti scritte come risposte, i dati strutturati dell'azienda con REA e accreditamento, i corsi con ogni edizione futura, un file llms.txt e il robots.txt aperto ai crawler delle intelligenze artificiali.

Pagine servizio, pagine corso e articoli con fonti
Title storici mantenuti in testa
Dati strutturati per azienda, corsi, persone e FAQ
llms.txt e robots.txt aperto ai crawler AI

La pagina del corso antincendio livello 1 a Torino, con il corso in breve e le prossime date — Una pagina corso: il corso in breve, la sede e le prossime date.

08La migrazione

NESSUN LINK
PERSO PER STRADA

La home di Esselle è linkata da 100 domini, e i vecchi indirizzi finivano tutti in .php. Il sito nuovo ha URL puliti, come /haccp o /corsi-aso, ma ogni vecchio indirizzo porta con un redirect 301 alla pagina giusta, perché Google e chi arriva da un link vecchio non si perdano.

Abbiamo ricostruito l'elenco dalla sitemap e dai link del vecchio server e dalle copie dell'archivio Wayback Machine, compreso il vecchissimo esselleservizi.it: pagine .php, .htm e .html, i PDF dei calendari 2025, il certificato ISO precedente e le immagini del vecchio sito. Sono 40 regole, e non vanno mai tolte.

40
regole di redirect 301: 100
domini che linkano la home

09I dettagli

ANCHE I COOKIE
HANNO BISOGNO DI DPI

Il banner dei cookie è scritto da noi e ha la sua scenetta: un omino verde che corre sotto una lampada d'emergenza, con il titolo «Anche i cookie hanno bisogno di DPI». La mappa di Google si carica solo con il consenso, o con un clic, e nessuna richiesta parte verso Google prima della scelta.

In fondo a ogni pagina c'è l'avviso sull'uso dell'intelligenza artificiale, come chiede l'articolo 50 dell'AI Act, con i dati della nuova S.r.l. e il riquadro della newsletter, passata a Brevo. Per il lancio abbiamo preparato anche la newsletter «Esselle Servizi è diventata S.r.l.»: cosa cambia con il nuovo nome, cosa resta uguale e cosa si trova sul sito nuovo.

Il banner dei cookie di Esselle Servizi: «Anche i cookie hanno bisogno di DPI», con l'omino che corre — Il banner dei cookie, con l'omino e la lampada d'emergenza.

10Le prestazioni

LEGGERO
COME UN CARTELLO

Il sito è costruito con Astro e pubblicato come pagine statiche su Vercel: nessun framework JavaScript nel browser. Menu, via di fuga, date dei corsi, moduli e cookie stanno in un solo file JavaScript di circa 3 KB compressi; la planimetria ha il suo piccolo script dentro la pagina.

Il carattere è ospitato sul sito, in un solo file variabile precaricato; il Caveat delle note a mano non è precaricato e arriva subito dopo. In cima alla pagina c'è un titolo di testo, non un'immagine, così la prima cosa da leggere arriva subito. I video d'ambiente partono solo quando sono sullo schermo.