A fast, clean platform for B2B turf buyers

Industry:

B2B eCommerce solutions

Timeline:

3 months

Impact:

-27% bounce rate & session duration x3 post-live.

Live website

Collage of desktop and mobile mock-ups of the AGN artificial grass e-commerce WordPress site

The challenge: a B2B website that needed to do more than just look pretty

Let’s be honest: AGN wasn’t just looking for another slick landing page. They needed a real business tool. One that would look fresh, work fast, and scale with their ambitions — like onboarding international dealers, offering dynamic pricing, and supporting multilingual e-commerce in the future. That’s where our expertise in B2B e-commerce WordPress UX design and development came in.

When we joined the project, the brand had just simplified its name from AGN Grass to AGN. This redesign wasn’t just cosmetic — it had to align with their new positioning: “Just grass, but better.” A clear promise, but one that came with high expectations.

The old site? A bit too… just grass. The new one? A platform designed to grow with AGN, including responsive artificial grass product listing design and a robust dealer portal UX for artificial grass suppliers.

The story: from a practical briefing to a future-ready platform

We kicked off with one core insight: AGN isn’t a lifestyle brand. They’re a professional, down-to-earth supplier with a strong logistical backbone — and their new website needed to reflect that.

Here’s what stood out from the very first call:

They needed a multilingual website (six languages total)
Dealers should be able to request samples and quotes
Prices and product data would eventually sync with SnelStart (accounting)
Orders needed to go directly to the factory (drop shipment)
And the UX? Simple. Clear. No marketing fluff.

We approached this project with a focus on B2B e-commerce WordPress UX design and development, ensuring the site was both practical and scalable. To match AGN’s needs, we structured the site to reflect their no-nonsense approach, incorporating features like a custom ‘dealer’ portal UX for artificial grass suppliers, streamlined quote and sample request workflows, and responsive artificial grass product listing design. The backend was designed to grow with their business, enabling future integrations like order syncing and CRM features.

Desktop homepage mock-up showing hero banner with artificial grass product and multilingual menu

Mobile view of artificial grass product category page with filter and sort controls

The solution: design, WordPress and future-proof architecture

Here’s how we handled it, step by step:

1. Design & user flows

Minimal but bold layouts, echoing AGN’s honest tone
Clear navigation, multilingual-ready
Smart product listing UX that allows quote and sample requests with one click, perfect for streamlining the quote and sample request workflow for artificial grass

2. Development & integrations

WordPress with custom post types and taxonomies
Built-in multilingual support (NL, EN, BG, DE, FR, ES)
WooCommerce setup — not for payments, but for quote/sample flows
Mailchimp sync
Technical architecture that supports API integration with SnelStart (and possibly a future CRM)

3. Hosting & support

We host the site on our Shared Hosting infrastructure
Ongoing maintenance included
Daily backups, daily updates, uptime monitoring

4. Future features — already planned

Dynamic pricing from SnelStart
Invoice syncing
Customer dashboard per dealer, designed to enhance the dealer portal UX for artificial grass suppliers
CRM-ready product and lead structure

This project showcases our expertise in B2B e-commerce WordPress UX design and development, creating a seamless, multilingual experience tailored to artificial grass suppliers.

Tablet sample request form with product swatches and quantity selector

Tablet view of AGN Grass team members with bio

The tech stack

Frontend: HTML5, CSS3 (BEM/SCSS), JS
Backend: WordPress (PHP), WooCommerce (as quote/sample engine)
Integrations: Mailchimp, SnelStart (API-ready)
Tools: Adobe XD (design), cPanel Shared Hosting, RankMath SEO

This project focused on B2B e-commerce WordPress UX design and development, creating a seamless quote and sample request workflow for artificial grass.

Mobile sample and contact us request form with product swatches and quantity selector

The results: a simple site that sells without selling

Since launch, AGN’s website has become a key sales asset — especially for dealer acquisition and lead conversion. Built with a focus on B2B e-commerce WordPress UX design and development, the site ensures quote and sample requests flow seamlessly into the pipeline. The multilingual UX design also makes international expansion effortless, positioning AGN as a global leader.

Most importantly? It still reflects their tone: grounded, professional, no BS. Just grass, but better.

Mobile sample request form step with product swatchesand thank you confirmation page

example design of the landing page for SEO

Want your next website to actually do the heavy lifting?

Let’s talk. We’ll show you how B2B e-commerce WordPress UX design and development can transform your site into a powerful business tool — no fluff, no pressure. Whether it’s creating a responsive artificial grass product listing design or streamlining your quote and sample request workflow for artificial grass, we’re here to help. Book a quick 30-minute call.

Back to overview