Case studyMagento 2HyväB2B + B2C

Hyvä Theme & Checkout Overhaul: A Full Magento 2 Storefront Rebuild

Rebuilding a multi-brand Magento 2 storefront with Hyvä Theme and a custom checkout experience.

5Brand storefronts
1Magento 2 backend
7Catalogue filters
4Checkout stages
7Payment methods
4Connected systems
Overview

Managing five brand storefronts from a single Magento 2 backend comes with a unique set of challenges.

The platform needed to support both B2B and B2C customers, a large product catalogue, different delivery requirements, multiple payment methods, and integrations with key business systems.

The existing storefront was built on Magento's Luma frontend, using Knockout.js and RequireJS. As the webshop evolved, the frontend needed a more modern and streamlined foundation. Maven Infotech rebuilt the storefront around Hyvä Theme and Hyvä Checkout, creating a unified frontend experience across five brand sites while keeping Magento 2 at the core.

The project combined three disciplines to create a storefront designed around both customer needs and real business processes.

Magento DevelopmentPlatform & commerce logic
Hyvä IntegrationLuma → Hyvä frontend
Webshop DevelopmentMulti-brand B2B & B2C

Planning a Magento 2 storefront rebuild?

The challenge

Nine requirements. One storefront that had to handle all of them.

The webshop was operating across five brand sites from one Magento 2 backend, serving both B2B and B2C customers. This created several requirements that a standard storefront needed to handle effectively.

Where the frontend stood

LumaKnockout.jsRequireJS

At the frontend level, the existing Luma architecture relied on Knockout.js and RequireJS, resulting in a JavaScript-heavy storefront.

What checkout had to accommodate

Dutch postcode validation Municipality-based delivery pricing Stock validation Multiple payment options
A large product catalogue
Multiple brand storefronts
B2B and B2C customers
Mobile shopping experiences
Location-based delivery costs
Accurate customer addresses
Real-time stock availability
Multiple payment methods
ERP, CRM, PIM and marketing integrations

The solution required more than a visual redesign.The Magento storefront needed a new frontend foundation.

The solution

A new Hyvä foundation

Maven replaced the existing Luma storefront with Hyvä Theme, creating a new frontend foundation for the Magento 2 platform. The approach reduced reliance on the previous Knockout.js and RequireJS frontend architecture and introduced a more streamlined way of building interactive storefront components.

Before · Luma

Luma frontend theme
Knockout.js UI bindings
RequireJS module loading
Magento 2 core

After · Hyvä

Hyvä Theme frontend
Alpine.js interactivity
Tailwind CSS styling
Magento 2 + PHP core

5 Brand sites. 1 Magento backend. 1 Hyvä foundation.

The same frontend foundation supports every brand storefront with a consistent development approach, while each brand keeps its own customer-facing experience.

Brand site 1own storefront
Brand site 2own storefront
Brand site 3own storefront
Brand site 4own storefront
Brand site 5own storefront
Hyvä Theme foundation Alpine.js · Tailwind CSS
Magento 2 backend B2B + B2C
Product discovery

Making a large catalogue easier to explore

With a broad product catalogue, navigation and filtering play an important role in helping customers find the right products. The rebuilt Hyvä storefront includes layered navigation that gives customers more control over product discovery without requiring them to navigate through multiple category levels.

7 layered filtering options Material · Colour · Size · Price · Sustainability · Stock · Brand

The storefront also provides real-time stock indicators, including messages such as “Only X left”, giving customers clearer visibility into product availability.

Catalogue · layered navigation
4 products Sort: relevance
Eco
Terrazzo Floor Tile Porcelain, 60×60 cm
€49.95/m²In stock
Herringbone Oak Parquet Engineered oak, 12×60 cm
€64.50/m²Only 3 left
Eco
Zellige Wall Tile Glazed ceramic, 10×10 cm
€89.00/m²Only 2 left
Marble-Look Porcelain Carrara finish, 60×120 cm
€54.95/m²Out of stock
Eco
Hexagon Cement Tile Encaustic, 20×23 cm
€72.00/m²In stock
Eco
Oak Slat Wall Panel Acoustic, 60×240 cm
€129.00/panelOnly 1 left
Accounts & samples

More than product browsing

The new storefront also extends beyond product discovery, bringing post-purchase and product-selection activities into the same Magento storefront experience.

Free samples

Customers can request free samples, tracked against their account

123
Up to 3 requests per quarter Example: 2 of 3 used

Order tracking

Customers follow their orders from their own account.

PDF invoices

Invoices are available to download from the account area.

Account-based sample requests, order tracking and invoices sit alongside shopping, in one storefront.
Hyvä Checkout

A checkout built around the business

The checkout was rebuilt using Hyvä Checkout rather than relying on the previous standard Magento checkout experience. It was designed around the actual requirements of the business rather than treating checkout as a generic Magento process.

Shipping · Address

Dutch address validation

For a business delivering physical products, accurate delivery information is essential. The checkout integrates BAG postcode lookup and address auto-fill, reducing manual address entry and giving a more structured address experience.

✓ Address found via BAG lookup (example)
Shipping · Costs

Delivery costs based on location

The checkout supports delivery cost calculation by municipality, presenting delivery options and costs according to the webshop's configured business rules.

Municipality-based Flat-rate Table-rate Free shipping
Municipality Arate per rule
Municipality Brate per rule
Order above thresholdfree
Cart · Stock

Stock validation before purchase

A live stock check runs per order line, connecting what customers see while shopping with the final order.

Line 1 · Product A ✓ In stock
Line 2 · Product B Only 3 left
Payment

Seven payment options

iDEALbank
Credit Cardwith 3DS2
PayPalwallet
Apple Paywallet
Klarnapay later
Bank Transferinvoice
Cash on Deliveryon arrival
€121.00example total Coupon codes supported
Magento 2Hyvä storefront
NetSuiteERP
ZohoCRM / Creator
PIMProduct data
KlaviyoMarketing
Integrations

Connecting Magento with the business ecosystem

The Magento webshop is connected with several systems that support the wider business operation. Together, these integrations connect the storefront with the systems operating behind the webshop.

NetSuiteERP

Supports the wider commerce and business workflow.

ZohoCRM / Creator

The environment integrates with Zoho CRM and Zoho Creator.

PIMProduct information

Product information is connected through the PIM ecosystem.

KlaviyoMarketing

Supports the wider customer and marketing workflow.

Responsive

One storefront experience across devices

Responsive design was incorporated throughout the customer journey. This matters for a large catalogue, where customers may discover products on one device and complete their purchase on another.

Rebuilt Hyvä storefront on desktop
Rebuilt Hyvä storefront on tablet
Rebuilt Hyvä storefront on mobile
Architecture

The architecture behind the experience

A common Magento commerce foundation supporting multiple brand experiences and a checkout designed around the specific requirements of the business.

Layer 1Magento 2Commerce core
Layer 2Hyvä ThemeFrontend foundation
Layer 3Alpine.js + Tailwind CSSComponents & styling
Layer 4Multi-Brand Storefronts5 brand sites
Layer 5Hyvä Checkout4-stage checkout
Layer 6NetSuite · Zoho · PIM · KlaviyoBusiness systems
The result

From Luma to a Hyvä-powered multi-brand webshop

The project transformed the Magento 2 storefront from a Luma-based frontend into a Hyvä-powered multi-brand webshop experience.

Multi-brand foundation
5 → 1

5 brand sites operate from 1 Magento 2 backend, supporting both B2B and B2C customers.

Modern frontend

Luma replaced with Hyvä

A Hyvä implementation using Alpine.js and Tailwind CSS.

Connected commerce

Four systems, one storefront

Magento works alongside NetSuite, Zoho, PIM and Klaviyo.

Business-specific checkout

Built for real rules

BAG address lookup, municipality-based delivery costs, live stock validation, VAT pricing, coupons and seven payment methods.

Customer-focused experience

The whole journey in one place

Layered filtering, live stock visibility, sample requests, customer accounts and a structured checkout.

Technology stack

Platform

  • Magento 2
  • PHP

Frontend

  • Hyvä Theme
  • Alpine.js
  • Tailwind CSS

Checkout

  • Hyvä Checkout
  • BAG Address Lookup

Integrations

  • NetSuite
  • Zoho CRM / Creator
  • PIM
  • Klaviyo
Maven Infotech services

What we delivered

Magento Development

Developing and customising the Magento 2 storefront and its commerce functionality.

Learn more →

Hyvä Integration

Replacing the Luma frontend with a Hyvä-based storefront and integrating Hyvä across the Magento environment.

Learn more →

Webshop Development

Building a multi-brand B2B and B2C webshop experience across product discovery, customer accounts, cart and checkout.

Learn more →

Ready to transform your Magento 2 storefront?

Whether you're moving off Luma, running several brands from one backend, or rebuilding checkout around your own rules, our Magento and Hyvä team can help.

Hyva Bronze Partner

Trusted Hyvä Agency

Official Hyvä Partner

What’s your IT need, Connect with our Experts

Viral Shah
© Copyright 2008-2026, Maven Infotech B.V., All Rights Reserved.