Ermes Gasparini

Da atleta di livello mondiale a esperienza di formazione digitale.

Ermes Gasparini è un atleta professionista italiano di braccio di ferro, conosciuto nel circuito internazionale. Abbiamo progettato e sviluppato il suo sito ufficiale: una piattaforma che vende videocorsi e coaching, e sblocca ogni corso in un’area personale appena viene acquistato, senza un LMS tradizionale.

Settore
Sport, personal brand, formazione digitale
Luogo
Italia
Anno
2025/26
Servizi
DesignProdottoSviluppoUX/UI DesignWeb DesignSviluppo webE-commercePiattaforma formativa customWordPress & WooCommerceCodice custom
3livelli in un’unica piattaforma: design in Webflow, vendita su WooCommerce, accesso ai corsi in codice custom
1acquisto in bundle che sblocca quattro corsi di tecnica insieme
0piattaforme LMS: l’accesso ai corsi è codice custom su WooCommerce
La sfida

Trasformare una competenza in un prodotto digitale.

Come si trasforma l’esperienza di un campione internazionale in qualcosa che persone di tutto il mondo possano acquistare e seguire in autonomia? Serviva molto più di un sito vetrina.

Bisognava organizzare l’offerta in videocorsi e servizi individuali, rendere semplice l’acquisto e garantire che ogni cliente arrivasse esattamente ai contenuti giusti dopo il pagamento. Il tutto mantenendo Ermes, la sua credibilità e il rapporto diretto con la community, al centro.

Approccio

Un atleta. Tanti modi per imparare.

L’architettura separa cinque momenti del percorso, dalla prima visita all’allenamento.

  1. 01ScoprireConoscere Ermes, la sua carriera e cosa insegna.
  2. 02ScegliereEsplorare i corsi e scegliere la tecnica su cui lavorare.
  3. 03AcquistareAcquistare un corso singolo o il bundle con WooCommerce.
  4. 04AccedereFare login e trovare i corsi sbloccati nella dashboard.
  5. 05ConnettersiPrenotare il coaching 1:1, o scrivere per eventi e partnership.
Cosa abbiamo fatto

Un progetto, passo dopo passo

Design

Esperienza visiva

Una presenza digitale costruita intorno all’atleta.

1.1Due tipi di offerta, due coloriI videocorsi vivono in rosso: impari al tuo ritmo e compri subito. I servizi individuali vivono in blu, senza prezzo sulla card, perché iniziano da una conversazione. Stesso sistema di card, un segnale diverso.
1.2Coaching e piani personalizzatiAllenamento dal vivo, coaching online e videochiamata con piano personalizzato, ognuno con la sua pagina.
1.3Prezzi che spiegano il bundleI quattro corsi di tecnica sommano 360 €, il bundle costa 300 €. Il catalogo li mostra entrambi, così il risparmio si legge a colpo d’occhio.
Sviluppo

Da Webflow a WordPress

Libertà di design. Flessibilità e-commerce.

2.1Progettato in WebflowL’interfaccia è stata costruita in Webflow, dove layout e interazioni si modellano liberamente.
2.2Convertito con UdeslyUdesly ha trasformato il design in un tema WordPress, mantenendo il controllo visivo dell’originale.
2.3WordPress, WooCommerce e logica customWordPress gestisce contenuti e utenti, WooCommerce prodotti e checkout, e il nostro codice gestisce i corsi.
Funzionalità chiaveProdotto digitaleCodice custom

Oltre un LMS tradizionale. Un’esperienza formativa custom, integrata con WooCommerce.

Invece di un plugin LMS, abbiamo costruito pagine corso dedicate, una dashboard personale e la logica che collega quello che una persona ha acquistato a quello che può guardare.

Si basa su una struttura dati custom, campi ACF e codice scritto per questo progetto. Le pagine protette rimandano al login chi non è autenticato.

  1. 01WooCommerceProdottiOgni corso è venduto come prodotto digitale.Corso singoloBundle
  2. 02ACFAssociazioneOgni corso è collegato al prodotto che lo vende.tassonomia coursecampi ACF
  3. 03PHPAccessoLa logica custom verifica cosa ha acquistato l’utente.AcquistiRedirect al login
  4. 04[ermes_dashboard]DashboardL’area personale mostra tutti i corsi, aperti o bloccati.SbloccatoBloccato
  5. 05BundleUn acquisto, quattro corsiAcquistare il bundle sblocca Toproll, Toproll 2, Hook e Press.300 €vs 360 €
ALa dashboard è anche una vetrina
I corsi acquistati si aprono con “Go to course”. Gli altri restano visibili ma sfocati, con un lucchetto: il corso successivo è sempre a un passo.
BUna pagina corso con un piano
Ogni corso si apre con la frequenza di allenamento consigliata, prima della prima lezione.
CLezioni numerate
Il programma è una sequenza: video lezioni numerate, ognuna a un clic.
DLa lezione
Un esercizio, un video e un modo per tornare al corso.
Timeline

Sei mesi, dal brief alla piattaforma

  1. Lug a set 2025Brief e strategiaUn sito ufficiale per l’atleta, videocorsi, coaching individuale, prodotti dei partner e percorsi per livello di esperienza.
  2. Ott 2025UX, UI e architettura dei contenutiIl prototipo Webflow, costruito intorno alla formazione e all’esperienza dell’atleta. Qui nasce “Train with structure. Grow with purpose.”
  3. Nov 2025Architettura e-commerce e formazioneWebflow, Udesly, WordPress e WooCommerce, e la scelta di non usare un LMS tradizionale.
  4. Nov 2025 a gen 2026Sviluppo customTassonomia dei corsi, collegamenti ACF tra corsi e prodotti, la dashboard, accesso in base agli acquisti e il bundle da quattro corsi.
Risultati

Cosa offre

  1. 01Un sito ufficiale dove personal brand, vendita e formazione vivono in un’unica esperienza.
  2. 02Un catalogo di videocorsi e servizi di coaching, ognuno con la sua pagina.
  3. 03Checkout WooCommerce, login e una dashboard personale di allenamento.
  4. 04Accesso ai corsi gestito dal nostro codice, corsi singoli e bundle compresi.
Guardalo dal vivoermesgasparini.comvisita il sito
Prossimo progettoProject Wellness EquipmentUn catalogo di attrezzature professionali, e un percorso preventivi costruito sul loro modo di vendere.leggi il case study
Inizia un progetto

Raccontaci dove vuoi arrivare.

Ti aiutiamo a trovare l'approccio giusto. Si parte da una domanda.

Di cosa hai bisogno? Scegline quante vuoi, o nessuna.
{{ p.name }}{{ p.name }}

{{ p.hA }} {{ p.hB }}

{{ p.lede }}

{{ U.industry }}
{{ p.industry }}
{{ U.location }}
{{ p.location }}
{{ U.year }}
{{ p.year }}
{{ U.client }}
{{ p.url }}
{{ U.services }}
{{ t.name }}{{ x.s }}
[IMAGE] {{ hero.cap }}
[IMAGE] {{ hero.cap }}[IMAGE] Mobile
{{ f.n }}{{ f.l }}
{{ U.chalEb }}

{{ p.chalH }}

{{ c.t }}
{{ U.apprEb }}

{{ appr.h }}

{{ appr.p }}

  1. {{ pr.n }}{{ pr.t }}{{ pr.p }}
{{ U.cinEb }}

{{ cin.h }} {{ cin.sub }}

{{ cp.t }}

{{ cin.url }}
{{ cin.recCap }}{{ cin.recNote }}
{{ cin.sbEb }}

{{ cin.sbH }}

{{ cin.sbP }}

  1. {{ fr.n }}{{ fr.t }}{{ fr.p }}
{{ cin.veoEb }}

{{ cin.veoH }}

{{ cin.veoP }}

  1. {{ vs.n }}{{ vs.t }}{{ vs.who }}{{ vs.p }}
  2. {{ cin.veoNote }}
{{ cin.syEb }}

{{ cin.syH }} {{ cin.sySub }}

{{ cin.syP }}

{{ ch.n }}{{ ch.t }}
{{ U.scrubLive }} · {{ cin.pctTxt }}
{{ cin.syNote }}
  1. {{ cc.n }}{{ cc.t }}{{ cc.p }}
{{ cin.lnEb }}

{{ cin.lnH }}

{{ cin.lnP }}

  1. {{ ls.n }}{{ ls.t }}{{ ls.p }}
{{ U.baEb }}

{{ ba.h }}

{{ ba.p }}

{{ U.before }}{{ ba.beforeWhen }}
{{ bi.cap }}
{{ U.after }}{{ ba.afterWhen }}
{{ ai.cap }}
{{ U.didEb }}

{{ U.didH }}

{{ c.terrName }}

{{ c.title }}

{{ c.intro }}

{{ st.num }}{{ st.t }}{{ st.p }}
[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}[IMAGE] {{ st.c.cap }}[IMAGE] {{ st.a.cap }}[IMAGE] {{ st.b.cap }}{{ c.n }}{{ c.h }}Aa{{ p.typeName }}ABCDEFGHIJKLM abcdefghijklm 0123456789
{{ U.featEb }}{{ tg.t }}

{{ ft.h }} {{ ft.sub }}

{{ fp.t }}

  1. {{ fl.n }}{{ fl.site }}{{ fl.t }}{{ fl.p }}{{ fd.f }}
{{ sh.k }}{{ sh.label }}
{{ sh.note }}
{{ U.tlEb }}

{{ tlH }}

  1. {{ ph.when }}{{ ph.t }}{{ ph.p }}
    2.
{{ U.resEb }}

{{ resH }}

  1. {{ r.num }}{{ r.r }}
    2.
{{ U.quoteEb }}
{{ quote.text }}
[C]{{ quote.who }}{{ quote.role }}
{{ U.liveEb }}{{ p.url }}{{ U.visit }}
{{ U.ongEb }}

{{ ong.h }}

{{ ong.p }}

{{ og.terr }}{{ og.status }}{{ og.t }}{{ og.p }}
{{ U.nextEb }}{{ next.name }}{{ next.hA }} {{ next.hB }}{{ U.readCase }} [IMAGE] {{ next.cap }}
{{ U.moreEb }}{{ U.allWork }}
{{ tx.eb_start }}

{{ tx.start_h }}

{{ tx.start_lede }}

{{ tx.need_q }} {{ tx.need_hint }}
{{ cta }} {{ tx.or_write }} hello@beeasydesign.com