Starting point
400 products and millions of combinations
Every one of the 400+ .mdd products can be configured: worktop size, colours, felt, frame, plugs, accessories. Those options add up to millions of possible variants, and each one needs a correct price, preview and complete order data. At that catalogue size and with that much media, the default Magento 2 front end was slow. The standard Magento checkout was never designed for products where a single cart line is made of many parameters. On top of that sat an integration layer: microservices plus data exchange with ERP and SAP. .mdd has its own development team and needed extra people with Magento experience who could step into the existing code and process without pausing sales.
What we did
We work inside the .mdd team, on its code
We work in the .mdd team's repository and process and take ownership of specific areas of the platform.
- 1
A catalogue that copes with millions of variants
Together with the .mdd developers we restructured the catalogue logic behind more than 400 configurable products. The aim was predictable pricing, option availability and variant data, and product pages that stay fast with lots of photos and renders. That work laid the ground for the front-end migration and the new checkout.
- 2
A custom checkout on React and Node.js
We co-built a dedicated checkout on React, Node.js and Remix.js. The cart shows a full breakdown of the configured product, such as worktop, edge, felt, frame, plug and mediabox, plus a net, VAT and gross summary. The checkout responds in under a second, even for complex configurations.
- 3
Moving the storefront to Hyvä
We helped move the Magento 2 front end from the default theme to Hyvä. After the migration the storefront runs five times faster and holds a Lighthouse score above 80, even though product pages carry a lot of photos and renders. The lighter front end is also easier to work on as templates change.
- 4
ERP, SAP and microservice integrations
We work on data exchange between the store and the back-office systems: ERP, SAP and the .mdd microservices. An order placed in the checkout has to travel on with every configuration parameter intact, and prices and product data have to flow back into the store without manual re-entry.
Outcome
A faster store and a checkout built for configurable products
The .mdd storefront on Hyvä runs five times faster than before the migration and holds a Lighthouse score above 80. The custom checkout handles products made of many parameters and responds in under a second. The catalogue of millions of possible combinations runs on structured logic, and data flows between the store, ERP and SAP. The work continues: we are part of the .mdd team for further changes to the platform.
- Developing the platform with the .mdd team since 2021
- Maintaining and extending the React and Node.js checkout
- Keeping the Hyvä front end fast as features are added
- Working on ERP, SAP and microservice integrations
