CWOLF Industries Product Catalog | Framer CMS & Quote Funnel by Hannes AtianCWOLF Industries Product Catalog | Framer CMS & Quote Funnel by Hannes Atian
Built with Framer

CWOLF Industries Product Catalog | Framer CMS & Quote Funnel

Hannes Atian

Hannes Atian

Verified

A 42-Product Industrial Catalog That Collects Quotes, Not Carts

CWOLF Industries, an industrial coatings supplier, needed a 42-product catalog where buyers request a quote instead of checking out, because in this business price moves with volume and gets negotiated. AlwaysCreative brought me in to take it end to end, design and development, from general direction. I designed it in Figma and built it in Framer. The interesting problem: how do you give a catalog a real "cart" when there's no checkout at the end of it?
I built the quote funnel on Framer's Pseudo Cart, an add-to-cart system meant for stores, and took the money out. Buyers add products to a list, review it, and submit a quote request. Same familiar cart behavior, no payment.
My role: end-to-end design and Framer build, CMS modeling, product data population, launch and handoff.
What I did:
Designed the site in Figma and built it in Framer, end to end.
Modeled the catalog on four CMS collections (Categories, Products, Variants, Properties) so one template renders all 42 products, each with its own variants and spec table.
Turned Framer's Pseudo Cart into a quote-request funnel: add to quote, review, submit to the client's inbox.
Built a filtered Categories page and pointed the nav at the WOLFKOTE line, so buyers land on a focused view instead of a long list.
Stripped the heavy dark sections from my first design direction back to a cleaner, lighter layout through revisions.
The motion: I kept it functional, which is the right register for industrial. The quote drawer opens as an overlay over the catalog rather than routing to a new page, so adding a product and reviewing your list never blanks the screen. Nav and footer links underline on rollover so every clickable thing announces itself. The tricky part was holding the drawer's state across breakpoints, since it's a dynamic page, so I tuned the mobile and tablet versions until the flow held on a real device.
Product page
Product page
"Checkout" page, leads into the quote request form
"Checkout" page, leads into the quote request form
Results (first 90 days live, March to June 2026):
433 unique visitors, 1.9K pageviews, 5m24s average session, 45.5% bounce.
Desktop-led, 288 desktop against 137 mobile, the B2B signal you want: buyers researching from a work machine.
Search-driven discovery, 114 visits from Google plus Bing, DuckDuckGo, and Yahoo.
The WOLFKOTE line pulled 65 visits to its category page and 45 to its lead product; /request-quote pulled 35.
The client reports regular quote submissions through the funnel.
Need a catalog that turns browsers into leads instead of just looking the part? Let's talk.

"Hannes is a great person to work with. His quality is fantastic, very organized, and so much better than most in his industry. Excited to continue working with him in the future."

— Roby Fitzhenry, Founder/CCO, AlwaysCreative
Like this project

Posted Jun 9, 2026

Designing and developing a quote-request funnel for a 42-product industrial coatings catalog using a third-party Framer plugin.

Likes

1

Views

2

Timeline

Dec 10, 2025 - May 20, 2026

Clients

Always Creative