Project Wellness Equipment

Un catálogo de equipamiento profesional, y un recorrido de presupuesto construido sobre su forma de vender.

Project Wellness Equipment suministra equipamiento fitness profesional a gimnasios, hoteles, estudios de entrenamiento personal y centros de Pilates, desde el diseño del espacio hasta la instalación. Diseñamos y desarrollamos un catálogo B2B y un sistema de presupuestos escrito íntegramente en código, para que una instalación completa se pueda montar y solicitar de una vez.

Sector
Equipamiento fitness B2B
Ubicación
Roma, Italia
Año
2024/26
MarcaDiseñoDesarrollo
4pasos de la lista de productos a una solicitud completa
0plugins: el sistema de presupuestos está escrito en código
2plataformas en el tiempo, primero Shopify y hoy Webflow
El reto

Que elegir equipamiento complejo parezca sencillo.

Equipar un gimnasio o un estudio rara vez es cuestión de una sola máquina. Quien compra elige varios productos y tiene que explicar su espacio, necesidades, plazos y presupuesto antes de que nadie pueda preparar una oferta. La venta es consultiva, y la web tenía que acompañarla.

El público es amplio, del entrenador que busca una cinta concreta al propietario que planifica una instalación entera. El reto era unir catálogo, presentación de producto y solicitudes comerciales en un único recorrido coherente, para que la web hiciera algo más que mostrar productos: ayudar a construir un presupuesto a medida.

Enfoque

Del descubrimiento del producto a solicitudes a medida.

Tres principios guiaron cada página y cada interacción.

  1. 01Descubrimiento estructuradoEquipamiento organizado por categoría, marca, colección y tipo de instalación, para que cada visita llegue rápido a los productos adecuados.
  2. 02Selección sin fricciónLas máquinas se añaden a una lista de presupuesto desde cualquier punto de la web, sin interrumpir la navegación.
  3. 03Captación con contextoUna solicitud guiada que recoge lo que el equipo comercial necesita de verdad para preparar una oferta, en lugar de un formulario genérico.
Qué hicimos

Un proyecto, paso a paso

Diseño01

Catálogo y arquitectura de la información

Diseñado para descubrir.

1.1Cuatro formas de entrar

Categorías (cardio, Pilates, pacco pesas, peso libre, multiestaciones, bancos, pavimento y más), marcas como Project Wellness Equipment y Shua Fitness, colecciones y series, y el tipo de instalación.

1.2Fichas de producto como plantillas

Cada máquina sigue la misma estructura: nombre, código, tipología y descripción, después detalles, alquiler operativo y garantía, los grupos musculares que trabaja y “añadir a la lista”.

1.3Recorridos por sector

Páginas dedicadas a centros de Pilates, hoteles, estudios de entrenamiento personal y otras instalaciones, cada una con el equipamiento que le corresponde.

Desarrollo02

Desarrollo

Hecho para funcionar. Pensado para conectar.

2.1Webflow y CMS

La plataforma funciona en Webflow, con contenido dinámico para productos, categorías y páginas, y componentes a medida donde los estándar no bastaban.

2.2Responsive y lista para buscadores

Layouts responsive para catálogo, fichas de producto y flujo de presupuesto, y metadatos de página estructurados para buscadores.

Funcionalidad claveCódigo a medidaDiseño de conversión

Una experiencia de presupuesto hecha a medida. No una solución de catálogo.

Un sistema de solicitud de presupuesto diseñado según la forma de vender de Project Wellness Equipment. Está escrito íntegramente en código, desarrollado con el apoyo de Claude Code e integrado en la web de Webflow.

Ningún plugin prefabricado: la lista, los pasos y cada estado intermedio se diseñaron para este flujo.

  1. 01Selección de productosExplorar el catálogo, añadir equipamiento, revisar la lista.ProductosCantidades
  2. 02Información del proyectoTipo de instalación, tamaño del espacio, presupuesto orientativo.Tipo de instalaciónTamaño del espacioPresupuesto
  3. 03Necesidades del proyectoQué necesita el proyecto, y para cuándo.NecesidadesPlazos
  4. 04Datos de contactoUna sola solicitud, enviada con los productos y todas las respuestas.Datos de contacto
AAñadir desde cualquier página
“+ Aggiungi” se convierte en “Aggiunto” con un selector de cantidad, y el contador del icono de la lista se actualiza.
BLa lista, siempre a mano
Un panel lateral para revisar la selección, cambiar cantidades, vaciar la lista o ir directo a la solicitud.
CPaso 1, resumen de productos
La solicitud se abre con las máquinas elegidas, sus códigos y cantidades, los cuatro pasos siempre visibles a la izquierda y un camino de vuelta al catálogo.
DTodavía nada seleccionado
Un estado vacío que devuelve al catálogo, en lugar de un callejón sin salida.
Cronología

Una colaboración digital que evoluciona

  1. 2024Rebranding y una primera web en ShopifyUna nueva identidad y una web Shopify a medida para un distribuidor romano de equipamiento profesional para gimnasios.
  2. 2025 a 2026Una plataforma B2B en WebflowArquitectura del catálogo, estructura de contenidos, páginas dinámicas, SEO y diseño de interfaces.
  3. 2026El sistema de presupuestos a medidaLista de presupuesto, solicitud en cuatro pasos y su interfaz, escritos en código.
  4. ContinuoComunicación y marketingNewsletters en Brevo, promociones, lanzamientos de equipamiento como las máquinas de Pilates y las multiestaciones Rehoboth, contenidos sociales y material de campaña.
Resultados

Qué ofrece

  1. 01Un catálogo que se explora por categoría, marca, colección y tipo de instalación.
  2. 02Fichas de producto generadas desde el CMS, con la misma estructura clara para cada máquina.
  3. 03Un flujo de presupuesto en cuatro pasos que envía productos y datos del proyecto en una sola solicitud.
  4. 04Una interfaz a medida escrita en código, sin depender de plugins de terceros.
Míralo en vivoprojectwellnessequipment.comvisitar la web
En curso

En qué trabajamos ahora

La colaboración sigue. Estos son los proyectos abiertos ahora mismo.

ProductoEn desarrolloUn CRM para la red comercial internaEstamos diseñando y desarrollando un CRM para la red de comerciales internos de la empresa.
MarcaContinuoDiseño de comunicaciónDiseño gráfico para la web y para eventos en directo, y las newsletters.
Siguiente proyectoEl MichiMás que un restaurante vegano. Una casa digital para la comida, la comunidad, el coworking y los eventos.todos los proyectos
Empieza un proyecto

Cuéntanos adónde quieres llegar.

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

¿Qué necesitas?

marcadiseñoproductodesarrolloaún no lo sé
continuar · 1 seleccionado

o escríbenos a hello@beeasydesign.com

{{ 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 }}
{{ t.name }}
[IMAGE] {{ hero.cap }}
{{ 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.recCap }}
{{ 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 }}

{{ 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 }}

{{ 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.num }}

{{ 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 }}Aa{{ p.typeName }}
{{ U.featEb }}{{ tg.t }}

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

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

{{ tlH }}

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

{{ resH }}

  1. {{ r.num }}{{ r.r }}
{{ U.quoteEb }}
{{ quote.text }}

{{ quote.who }} · {{ quote.role }}
{{ U.galEb }}

{{ U.galH }}

[IMAGE] {{ g.cap }}
{{ U.liveEb }}{{ p.url }}{{ U.visit }}
{{ U.ongEb }}

{{ ong.h }}

{{ ong.p }}

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

{{ tx.start_h }}

{{ tx.start_lede }}

{{ tx.need_q }}

{{ tx.ln_brand }} {{ tx.ln_design }} {{ tx.ln_product }} {{ tx.ln_dev }} {{ tx.chip_unsure }}
{{ tx.m_continue1 }}

{{ tx.or_write }} hello@beeasydesign.com