Ermes Gasparini

De atleta de nivel mundial a experiencia de aprendizaje digital.

Ermes Gasparini es un armwrestler profesional italiano, conocido en el circuito internacional. Diseñamos y desarrollamos su web oficial: una plataforma que vende videocursos y coaching, y desbloquea cada curso en un área personal en cuanto se compra, sin un LMS tradicional.

Sector
Deporte, marca personal, formación digital
Ubicación
Italia
Año
2025/26
Servicios
DiseñoProductoDesarrolloDiseño UX/UIDiseño WebDesarrollo webE-commercePlataforma de formación a medidaWordPress & WooCommerceCódigo a medida
3capas en una sola plataforma: diseño en Webflow, venta en WooCommerce, acceso a los cursos en código propio
1compra en bundle que desbloquea cuatro cursos de técnica a la vez
0plataformas LMS: el acceso a los cursos es código propio sobre WooCommerce
El reto

Convertir la experiencia en un producto digital.

¿Cómo se convierte el saber de un campeón internacional en algo que gente de todo el mundo pueda comprar y seguir por su cuenta? Hacía falta mucho más que una web escaparate.

Había que organizar la oferta en videocursos y servicios individuales, simplificar la compra y garantizar que cada cliente llegara justo al contenido correcto después de pagar. Todo ello manteniendo a Ermes, su credibilidad y su relación directa con la comunidad, en el centro.

Enfoque

Un atleta. Muchas formas de aprender.

La arquitectura separa cinco momentos del recorrido, de la primera visita al entrenamiento.

  1. 01DescubrirConocer a Ermes, su carrera y lo que enseña.
  2. 02ElegirRecorrer los cursos y elegir la técnica a trabajar.
  3. 03ComprarComprar un curso o el bundle con WooCommerce.
  4. 04AccederEntrar y encontrar los cursos desbloqueados en el dashboard.
  5. 05ConectarReservar coaching 1:1, o escribir para eventos y colaboraciones.
Qué hicimos

Un proyecto, paso a paso

Diseño

Experiencia visual

Una presencia digital construida alrededor del atleta.

1.1Dos tipos de oferta, dos coloresLos videocursos viven en rojo: aprende a tu ritmo y compra ya. Los servicios individuales viven en azul, sin precio en la card, porque empiezan con una conversación. Mismo sistema de cards, otra señal.
1.2Coaching y planes a medidaEntrenamiento presencial, coaching online y videollamada con plan personalizado, cada uno con su página.
1.3Precios que explican el bundleLos cuatro cursos de técnica suman 360 €, el bundle cuesta 300 €. El catálogo muestra ambos, y el ahorro se entiende de un vistazo.
Desarrollo

De Webflow a WordPress

Libertad de diseño. Flexibilidad de e-commerce.

2.1Diseñada en WebflowLa interfaz se construyó en Webflow, donde layout e interacciones se modelan con libertad.
2.2Convertida con UdeslyUdesly convirtió el diseño en un tema de WordPress, manteniendo el control visual del original.
2.3WordPress, WooCommerce y lógica propiaWordPress gestiona contenidos y usuarios, WooCommerce los productos y el checkout, y nuestro código los cursos.
Funcionalidad claveProducto digitalCódigo a medida

Más allá de un LMS tradicional. Una experiencia de formación a medida, integrada con WooCommerce.

En lugar de un plugin de formación, construimos páginas de curso propias, un dashboard personal y la lógica que conecta lo que alguien ha comprado con lo que puede ver.

Funciona con una estructura de datos propia, campos ACF y código escrito para este proyecto. Las páginas protegidas envían al login a quien no ha iniciado sesión.

  1. 01WooCommerceProductosCada curso se vende como producto digital.Curso sueltoBundle
  2. 02ACFAsociaciónCada curso está vinculado al producto que lo vende.taxonomía coursecampos ACF
  3. 03PHPAccesoLa lógica propia comprueba lo que el usuario ha comprado.ComprasRedirección al login
  4. 04[ermes_dashboard]DashboardEl área personal muestra todos los cursos, abiertos o bloqueados.DesbloqueadoBloqueado
  5. 05BundleUna compra, cuatro cursosComprar el bundle desbloquea Toproll, Toproll 2, Hook y Press.300 €vs 360 €
AEl dashboard también es escaparate
Los cursos comprados se abren con “Go to course”. Los demás siguen visibles pero difuminados, con un candado: el siguiente curso siempre está a un paso.
BUna página de curso con un plan
Cada curso empieza con la frecuencia de entrenamiento recomendada, antes de la primera lección.
CLecciones numeradas
El programa es una secuencia: lecciones en vídeo numeradas, cada una a un clic.
DLa lección
Un ejercicio, un vídeo y un camino de vuelta al curso.
Cronología

Seis meses, del brief a la plataforma

  1. Jul a sep 2025Brief y estrategiaUna web oficial para el atleta, videocursos, coaching individual, productos de partners y recorridos por nivel.
  2. Oct 2025UX, UI y arquitectura de contenidosEl prototipo en Webflow, construido alrededor de la formación y la experiencia del atleta. Aquí nace “Train with structure. Grow with purpose.”
  3. Nov 2025Arquitectura de e-commerce y formaciónWebflow, Udesly, WordPress y WooCommerce, y la decisión de no usar un LMS tradicional.
  4. Nov 2025 a ene 2026Desarrollo a medidaTaxonomía de cursos, vínculos ACF entre cursos y productos, el dashboard, acceso según compras y el bundle de cuatro cursos.
Resultados

Qué ofrece

  1. 01Una web oficial donde marca personal, venta y formación viven en una sola experiencia.
  2. 02Un catálogo de videocursos y servicios de coaching, cada uno con su página.
  3. 03Checkout WooCommerce, login y un dashboard personal de entrenamiento.
  4. 04Acceso a los cursos gestionado por código propio, cursos sueltos y bundle incluidos.
Míralo en vivoermesgasparini.comvisitar la web
Siguiente proyectoProject Wellness EquipmentUn catálogo de equipamiento profesional, y un recorrido de presupuesto construido sobre su forma de vender.leer el caso
Empieza un proyecto

Cuéntanos adónde quieres llegar.

Te ayudamos a encontrar el enfoque adecuado. Empieza con una pregunta.

¿Qué necesitas? Elige las que quieras, o ninguna.
{{ 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