Skip to main content
Case study

After a successful Hyvä build, Miedema chose the next step: AI design

B2B Hyvä · Business Central · AI design
miedemabouwmaterialen.nl Vendic AI design
After a successful Hyvä build, Miedema chose the next step: AI design

Results

99/100
RUMvision UX score
RUMvision's UX score is based on real user data rather than simulated tests, providing a far more accurate reflection of how visitors actually experience the website.
5
design pages approved, one design system
Milestone 1 of the AI design project: the home page, brand book, category page and two product pages have been approved by Miedema.

Chapter 1: a B2B platform that holds up

From Sana Commerce to Magento + Hyvä

Miedema Bouwmaterialen was already using Microsoft Dynamics Business Central with the Acadon module for the timber trade, but had reached the limits of the outdated Sana Commerce platform. The solution: a new webshop on Magento + Hyvä, with NVision Commerce Solutions as the integration layer between Acadon/Business Central and Magento. Prices, stock levels and customer data are synchronised in real time.

Using Hyvä prototyping, we developed a fast, user-friendly frontend where customer-specific prices are retrieved directly from Business Central via API. We also built custom features such as grouped products, ideal for bundled sets and packages.

Together with NVision Commerce Solutions

The Business Central integration was built with NVision Commerce Solutions. Working closely together, we delivered tailored functionality around pricing rules and product group logic. The result is a future-proof B2B webshop that combines speed, flexibility and usability, aligned with the complexity of the timber trade.

That platform now runs in production, with a RUMvision UX score of 99/100 based on real user data.

Chapter 2: the next step is AI design

Why a new design

The technology is in place: the Business Central integration runs, customer-specific prices load in real time and the store scores 99/100 on RUMvision. The current frontend was built for speed and functionality; its look stayed close to the Hyvä standard. Miedema wants a store that carries the brand as well as it carries the product range.

So Miedema, as an existing client, chose an upgrade through Vendic AI design: a distinctive design on the platform that is already there.

Milestone 1: the design is approved

Our senior consultants worked out five pages, strengthened by Vendic AI: home page, brand book, category page and two product pages. The brand book is the source of truth; the other four pages apply that system.

Miedema approved the mockups. That fixes the end result, and building the Hyvä theme is the next phase.

Milestone 1

The new design

The mockups approved by Miedema, designed within the brand book. The home page sits at the top of this page.

New design · category page Vendic AI design
Approved AI design mockup of the new Miedema Bouwmaterialen category page
New design · product page
Approved AI design mockup of the new Miedema Bouwmaterialen product page
New design · grouped products
Approved AI design mockup of the Miedema Bouwmaterialen grouped products view: every length and size orderable on one page
New design · brand book
The brand book for the new Miedema design: colours, typography and components

Tap a screen to view it in full and scroll through it.

The brand DNA

The brand book translates Miedema's existing corporate identity into a digital system: two Pantone scales, one amber accent for the primary action, and fixed rules for typography and components. Every page applies the same system.

Design principle

Green does the brand work, grey-green does the reading work, amber does the selling.

Pantone 334 M
#009A7B
Pantone 5605 M
#3C483D
Ink
#252D26
Amber
#F8AC1A
Surface
#F4F6F4
The project

From brand book to Hyvä theme in five steps

The first three steps are complete: the design is approved. Vendic is now building the Hyvä theme at a fixed price.

01
TOGETHER

Set the style

The brand book direction was fixed: Miedema's Pantone colours, Lato as typography and a component style that fits B2B.

02
TOGETHER

AI mockups

Our senior consultants worked out the home, category and product pages, strengthened by Vendic AI. Several directions side by side, until it fit.

03
TOGETHER

Sign-off on design

Miedema approved the five design pages. The end result is fixed before the build starts.

04
VENDIC

Build the Hyvä theme

The next phase: our AI pipelines speed up the build, senior consultants safeguard code quality. Fixed price.

05
VENDIC

Distinctive Hyvä theme live

The new design live on the existing B2B platform, with the Business Central integration intact.

Steps 1–3 complete Designed together Fixed price

Curious what AI design could mean for your store?

Book an intake, and we'll look together at whether AI design fits your Magento store. Once Miedema's new design is live, we'll update this case with the results.

Book en intake
Portrait of Niek Verkoelen of Vendic