A Forbes 2000 Company's Hyvä Migration for 10x Faster Mobile

20%

reduction in bounce rate

50%

improvement in web performance

114%

increase in organic traffic

Business environment

Our client is one of those industry giants that regularly appears on Forbes Global 2000. A global leader in food and beverage distribution, the company boasts a portfolio of over 2,000 brands. There's hardly a corner of the world where they haven't successfully promoted their brands.

With total sales exceeding $80 billion annually, they couldn't be bothered with the digital side of their business. And, since Grinteq is a leader in custom Adobe Commerce solutions (and Magento 2 is our client's platform of choice), we were privileged to become their strategic technology partner, supporting their numerous critical D2C channels.

Project brief

Wanting to further strengthen their ecommerce muscles, they sought to identify the most problematic bottlenecks. Less-than-ideal page loading speeds, a rather mediocre user experience on mobile, and an overall overloaded infrastructure – all of this combined to create a noticeably slow and cumbersome checkout experience.

The checkout process (whether you’re in the shoes of owners or customers) must be flawless, otherwise you face declining conversion rates and poor scalability during peak sales periods.

As part of our partnership, we took on the important mission of strategically migrating the checkout process to the Hyvä platform. The choice was by no means difficult, as we were well aware of Hyvä's capabilities and performance, including its essentially instant boot-up and significantly simplified tech stack.

Services

Migration

Tech

Hyvä

Adobe Commerce

Magento 2

Magewire

Less

KnockoutJS

RequireJS

Tailwind CSS

Alpine.js

Let's talk

Hyvä Checkout Migration for the World's Largest Public Food Company

challenge

The goal of our project was to replace the legacy system components with more lightweight, transparent, modern frameworks (moreover, that are future-proof and easily scalable). The end user should receive a seamless, fast, and uninterrupted checkout experience.

It would be unfair (and perhaps facetious) to characterize the project as a theme swap, as it was a full-fledged architectural reboot – a redesign of the structure of global, multilingual, multi-storefronts. It was developed to counteract performance slowdowns, essentially at the most critical stage – the checkout.

We took on the following interconnected challenges:

Architectural Refactoring: A complete migration from the legacy Luma stack (LESS, RequireJS, Knockout.js) to Hyvä's modern framework of Tailwind CSS and Alpine.js. The transition from Luna to Hyva required a great deal of attention – no room for error when migrating live D2C storefronts.
Ecosystem Compatibility: Compatibility is one of the cornerstones of migrating large legacy projects. It's essential to consider all components, including the compatibility of all third-party services, of which there are dozens, if not hundreds.
Zero-Disruption Rollout: The business imperative demands a flawless launch. To mitigate risk, we engineered a phased rollout tactics to launch a new system, literally on the fly, without breaking anything.

Solution

As part of this partnership, Grinteq introduced our experienced Magento 2 expert, skilled in complex integrations. The project team developed a phased, step-by-step plan for migrating the checkout to the Hyvä theme.

Architecture Audit and Planning. We analyzed the entire checkout (literally, almost the entire frontend) to ensure every detail was covered: from business logic to custom implementation, from default functionality to any extension or module. This allowed us to have a clear, detailed plan for the compatibility of all components, and to collaborate more effectively and articulate our specific needs to Hyvä.
Backend-Driven Checkout Refactoring: The technical core of the project itself – the implementation of the Hyvä checkout using Magewire. Thanks to our expertise, we moved all the heavy-duty math and unnecessary operational overhead to its proper place – the backend. Metaphorically, we replaced the old, rusty calculator (Knockout.js) with a fast and lightweight control panel (Alpine.js). This way, the user stays on one screen and doesn't have to puzzle over what should be processed on the business logic side.
Development & Testing: We created a special sandbox and repeatedly tested various user experiences. Grinteq integrated the most critical payment systems (PayPal, Stripe, Square), migrated and tested all promo rules and user flows.
Launch and Optimization: Our expert developed a step-by-step, phased strategy for launching the renovated, updated websitesdeploying them gradually, in clearly defined phases.

Impact

After the launch, the project team measured performance in real time based on real data, conducting A/B tests to hone the flawless user experience. The new storefronts demonstrated excellent results, with the Hyvä Checkout loading up to 10 times faster on mobile devices. The checkout migration essentially revitalized the deteriorating legacy system, significantly improving conversion rates.

‍