Project Wellness Equipment

A professional equipment catalogue, and a quotation journey built around the way they sell.

Project Wellness Equipment supplies professional fitness equipment to gyms, hotels, personal training studios and Pilates centres, from space planning to installation. We designed and built a B2B catalogue and a quotation system written entirely in code, so a whole facility can be put together and requested in one go.

Industry
B2B fitness equipment
Location
Rome, Italy
Year
2024/26
Services
BrandDesignDevelopmentBrand designUX/UI DesignWebflow developmentCMS ArchitectureCustom codeSEODigital communication
4steps from the product list to a complete request
0plugins: the quotation system is written in code
2platforms over time, Shopify first and Webflow today
The challenge

Making complex equipment selection feel simple.

Fitting out a gym or a studio is rarely about one machine. Buyers choose several products and need to explain their space, needs, timing and budget before anyone can prepare a quote. The sale is consultative, and the website had to support it.

The audience is wide, from the trainer looking for a specific treadmill to the owner planning an entire facility. The challenge was to bring catalogue, product presentation and commercial requests into one coherent journey, so the site would do more than show products: it would help build a tailored quote.

Approach

From product discovery to tailored enquiries.

Three principles shaped every page and every interaction.

  1. 01Structured discoveryEquipment organised by category, brand, collection and type of facility, so every visitor reaches the right products quickly.
  2. 02Frictionless selectionMachines go into a quote list from anywhere on the site, without interrupting the browsing.
  3. 03Contextual lead generationA guided request that collects what the sales team actually needs to prepare an offer, instead of a generic contact form.
What we did

One project, step by step

Design

Catalogue and information architecture

Designed for discovery.

1.1Four ways inCategories (cardio, Pilates, weight stack, free weights, multistations, benches, flooring and more), brands such as Project Wellness Equipment and Shua Fitness, collections and series, and the type of facility.
1.2Product pages as templatesEvery machine follows the same structure: name, product code, type and description, then details, operating rental and warranty, the muscle groups it trains, and “add to list”.
1.3Paths by sectorDedicated pages for Pilates centres, hotels, personal training studios and other facilities, each pointing to the equipment that fits.
Development

Development

Built to work. Designed to connect.

2.1Webflow and CMSThe platform runs on Webflow, with dynamic content for products, categories and pages, and custom components where the standard ones were not enough.
2.2Responsive and search readyResponsive layouts for catalogue, product pages and the quote flow, and structured page metadata for search.
Key featureCustom codeConversion design

A custom-built quotation experience. Not an off-the-shelf solution.

A quote request system designed around the way Project Wellness Equipment sells. It is written entirely in code, developed with the support of Claude Code, and integrated into the Webflow site.

No pre-built plugin: the list, the steps and every state in between were designed for this flow.

  1. 01Riepilogo prodottiProduct selectionBrowse the catalogue, add equipment, review the list.ProductsQuantities
  2. 02Informazioni sul progettoProject informationType of facility, size of the space, indicative budget.Facility typeSpace sizeBudget
  3. 03Dettagli del progettoProject requirementsWhat the project needs, and when.NeedsTiming
  4. 04Dati di contattoContact detailsOne request, sent with the products and every answer attached.Contact details
AAdd from any page
“+ Aggiungi” turns into “Aggiunto” with a quantity stepper, and the counter on the list icon updates.
BThe list, always at hand
A side panel to review the selection, change quantities, empty the list or go straight to the request.
CStep 1, product summary
The request opens with the selected machines, their codes and quantities, the four steps always visible on the left, and a way back to the catalogue.
DNothing selected yet
An empty state that sends people back to the catalogue, instead of a dead end.
Timeline

An evolving digital partnership

  1. 2024Rebranding and a first Shopify siteA new identity and a custom Shopify site for a Rome based reseller of professional gym equipment.
  2. 2025 to 2026A B2B platform on WebflowCatalogue architecture, content structure, dynamic pages, SEO and interface design.
  3. 2026The custom quotation systemQuote list, four step request and its interface, written in code.
  4. OngoingCommunication and marketingBrevo newsletters, promotions, launches of new equipment such as Pilates machines and Rehoboth multistations, social content and campaign material.
Results

What it delivers

  1. 01A catalogue people can explore by category, brand, collection and type of facility.
  2. 02Product pages generated from the CMS, with the same clear structure for every machine.
  3. 03A four step quotation flow that sends products and project details in one request.
  4. 04A custom interface written in code, with no third party plugin to depend on.
See it liveprojectwellnessequipment.comvisit the website
Ongoing

What we’re working on now

The collaboration keeps going. These are the projects open right now.

ProductIn developmentA CRM for the internal sales networkWe are designing and building a CRM for the company’s in-house network of sales agents.
BrandOngoingCommunication designGraphic design for the website and for live events, and the newsletters.
Next projectEl MichiMore than a vegan restaurant. A digital home for food, community, coworking and events.read the case study
Start a project

Tell us where you want to go.

We'll help work out the right approach. It starts with one question.

What do you need? Pick any, or none.
{{ 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