Home ati4 blog The Hyvä Solution for Adobe Commerce
ATI4 Tech

Hyvä et Adobe Commerce

Logo Hyvä Theme

The dynamics of e-commerce are evolving rapidly, with the primary goal of businesses being to provide an optimal customer experience to maximize conversion rates and, most importantly, sales. For the past two years, a new solution has been making waves: it’s the Hyvä solution and its Hyvä Reset theme.

front-end revolution 🧑🏽‍💻

Hyvä is a front-end theme for Adobe Commerce, distinguished by its modular approach and lightweight design. Engineered to leverage best practices in web development, Hyvä offers a modern front-end architecture based on Vue.js technology. This integration also simplifies the upgrade of existing sites, enabling a smooth transition to new versions without impacting the user experience.

Based on Magento 2’s native modules (“Hyva”), it completely removes JavaScript and CSS dependencies from a website. In essence, the solution optimizes website performance, strengthens SEO ranking, enhances site visibility, and consequently, increases sales. With this new solution come various products like Hyvä Themes, Hyvä UI, Hyvä Checkout, and Hyvä Enterprises. These elements allow:

  • Enhancing user experience and customer satisfaction
  • Increasing Web Performance Optimization (WPO) related to web referencing (SEO and SEA)
  • Boosting conversion rates due to platform speed
  • Reducing bounce rates with minimal waiting times
  • Ensuring compatibility across different devices and mobile connections (such as 3G)
  • Reducing environmental impact by decreasing server load

Adobe Commerce and its Challenges 🤔

Magento, now Adobe Commerce, is a flexible and scalable e-commerce platform suitable for both B2B and B2C clients. Its main distinctive feature is its flexibility and adaptability to companies of all sizes. However, certain challenges related to front-end performance persist and can negatively impact the user experience and, most importantly, the conversion rate. While Adobe Commerce (formerly Magento) offers a stable, robust, and powerful platform, it is resource-intensive and can be quite slow due to a large number of server requests.

This weight increases further after the development and contribution phase, during which elements such as a custom theme, products, CMS content, and third-party applications like Google Analytics, AB Tasty, Algolia, ZenDesk, etc., are added. Considering that each of these elements calls for its resources (images, styles, fonts, etc.), the final site’s weight could quickly reach 10 MB, generating over 300 server requests. Site performance, particularly its speed, could suffer. This is where the Hyvä theme comes into play.

The main challenge for the development team is to rewrite this view without making the site heavy by reverting to Magento’s native theme. To achieve this, we use technologies like Tailwind CSS or Alpine.js, a micro-framework developed in 2019 known for its lightweight, only 7 KB. This tool simplifies tasks such as rewriting all UI components, natively generated by Knockout and jQuery UI (accordions, dropdown menus, etc.).

Furthermore, the solution includes best practices, particularly regarding images, which often consume web performance. It adopts approaches like adding the loading=”lazy” attribute to all theme inline images and using inline SVG images. These choices significantly reduce page weight.

For example, on a typical homepage, Adobe Commerce’s native theme can generate about 250 requests and weigh approximately 2 MB. In comparison, a Hyvä theme reduces the number of requests to only 15, about 15 times less, and the page’s weight to only 0.5 MB, about 4 times less. This weight reduction allows achieving much higher performance than a standard theme.

Hyvä and Mollie 🤩

Image promotionnelle de l'évènement Hyvä et Mollie à Paris.

In late 2023, we had the opportunity to represent our agency at an exclusive event organized by Mollie and Hyvä in Paris.

Mollie is the solution integrated into Hyvä Checkout, allowing businesses to offer various payment methods on their e-commerce site. This element enhances the speed and simplicity of the purchase process, crucial for user experience, user-friendliness, and user trust online.

The evening was marked by the presence of several Magento and AdobeCommerce web agencies from France, opening discussions on market trends and the vision for 2024. Renowned guests such as Renaud Raffaelli and Régis QUINTIN shared their insights with the Adobe Commerce suite, sparking debates about the future of online commerce. Philippe Daly shared the latest trends and growth prospects related to Black Friday.

So, what do we take away? Hyvä is an ideal solution for all businesses seeking high and comprehensive performance for their e-commerce site. A breath of fresh air for platforms under Adobe Commerce, Hyvä promises an efficient system with optimization in terms of time, budget, and user experience.

Do you have a project ? Trust us!

Find out what’s new at the company.

Because combining pleasure, sharing and work is at the heart of our philosophy, we always take care to combine business with pleasure…

Image promotionnelle article les réseaux sociaux un canal de publicité
Social media: an advertising channel?
15 July 2024

Nowadays, social media play a prominent role in our lives. Some use them to share their daily lives, others to spread messages, and some simply to stay in touch with their loved ones or to stay informed about the news. 

Image promotionnelle article utilisation de Chat GPT dans le e-commerce.
ChatGPT in E-commerce
20 June 2024

ChatGPT, this new artificial intelligence tool, allows for the rapid creation of content. Launched by OpenAI in 2022, its goal is to “help by answering your questions and providing information.” Impressive, right?

Image promotionnelle soft skills et e-commerce par ATI4 Group.
Using soft skills to improve your e-commerce
31 May 2024

Soft skills play an equally important role in the success and sustainability of your digital platform. They can transform the way you interact with your customers, your team, and your market.

Image promotionnelle article expérience client ATI4
Customer experience in retail
16 May 2024

Over the years, the focus on user experience (UX) and user interface (UI) has been constant, but today, we are increasingly moving towards another equally crucial concept: customer experience (CX).

Image promotionnelle article réalité virtuelle et e-commerce ATI4 Group.
Virtual Reality and E-commerce
6 May 2024

Virtual Reality (VR) is a rapidly growing technology that is disrupting many sectors, including e-commerce. 

Photo promotionnelle optimisation des fiches produits, site de NIKE
Optimizing product listings to boost online sales
23 April 2024

Product listings are the cornerstone of the commercial strategy. They play a crucial role in converting visitors into customers as they provide detailed information about the products offered by a company. What are the key points to watch out for and the best practices to optimize them and maximize sales?

Image promotionnelle article CMS.
Selecting the right CMS for your e-commerce project.
6 February 2024

The functionalities, costs, and levels of complexity can vary from one CMS to another.

Image promotionnelle pour l'article d'optimisation de site web
Optimizing images for the web
17 January 2024

When it comes to optimizing your website’s performance, paying attention to images is a crucial yet often overlooked step.

Image promotionnelle article ATI4 Group
The B2B conversion rate
30 November 2023

In the dynamic universe of online marketing and sales, the conversion rate emerges as a key indicator, reflecting the performance and success of a strategy.

Image promotionnelle article méthode RFM
marketing performance and RFM method
7 November 2023

In the world of marketing, efficiency reigns supreme. 

Photo promotionnelle tendances à venir en 2024
Upcoming Trends in 2024
4 January 2024

The e-commerce industry continues to grow at a rapid pace, driven by technological innovation, changes in consumer behavior, and evolving market expectations. 

Photo promotionnelle article audit de site web
Website Audit: Why is it important?
24 October 2023

In a constantly evolving digital landscape, it is crucial to ensure that your website is performing well, secure, and meeting the needs of your users. 

Photo promotionnelle Marketplace, e-commerce et B2B
Marketplace and e-commerce
17 October 2023

The realm of web marketing plays a central role, where the scope of digital strategy may vary, but merely existing on the web is equivalent to an active approach to online promotion.

Web marketing
29 September 2023

In today’s digital era, Web Marketing has become an indispensable element for businesses aiming to expand their online product and service offerings.

Photo promotionnelle article sur le taux d'engagement et son utilisation
The Importance of Engagement Rate and how to use It
18 September 2023

In the current context of e-commerce and marketing communication, the engagement rate has become a crucial indicator for measuring user interaction and involvement with content or a brand.

Photo promotionnelle soldes
Sales and E-commerce: What is the Impact?
22 August 2023

The sales, that long-awaited event for consumers in search of good deals and discounts. But this event is also a major date in the calendars of e-commerce websites. 

Photo promotionnelle branding
Adapting Your Branding Strategy to E-commerce
22 August 2023

Branding and e-commerce have been continuously evolving, particularly since the expansion of the internet.

Photo promotionnelle optimiser son site
Enhancing performance and user experience
22 August 2023

In a digital world where competition is fierce, the technical optimization of a website is a crucial element to ensure a smooth user experience, enhance performance, and strengthen its search engine ranking.

Photo promotionelle article sécurisation
Securing Your Website
22 August 2023

Online commerce is in constant evolution, and the security of your website, whether you are a small business or a major brand, must be a top priority. E-commerce websites handle vast amounts of data to personalize their product and service offerings, tailoring them to the needs of their target audiences. 

Photo promotionnelle ATI4 Annecy
ATI4 blows out the third candle!
19 June 2023

We celebrated our third birthday last June 1st…. Yep, so soon! 🥳

Migration Magento 1 vers Magento 2
Still on Magento 1?
15 May 2023

With Magento 2, enhancements and new features have been introduced, thus providing businesses with optimized site management. 

Photo équipe ATI4
Internal survey: the ATI4 employer brand
28 April 2023

We recently conducted an internal study to assess our ATI4 employer brand and highlight areas for improvement.

Photo équipe ATI4 certifiés
They’re certified! 
6 December 2022

A year ago, we hired 4 developers to join our Magento Academy. We aimed to train them to use this new technology.

Photo événement Code in the Dark
Apéro Dev, the event for developers! 
2 November 2022

Last November, ATI4 joined forces with Numéric Emploi Grand-Est to host its first Apéro Dev event.

Photo tournoi inter entreprises
The cross-company tournament: the battle of the teams! 
20 June 2022

As fans of digital technology and video games, we held our first inter-company tournament.

Photo équipe ATI4
ATI4 celebrates its 2nd birthday! 
1 June 2022

Over the past two years, we’ve had the opportunity to work with prestigious B2B clients, to learn and to develop.