January 29, 2024

What Is Hyva: User Guide To The Magento 2 Game Changer

Nadya Bakhur

Researcher, Technical Writer

Magento (Adobe Commerce)

What Is Hyva: Exploring the Magento 2 Game Changer
January 29, 2024

What Is Hyva: User Guide To The Magento 2 Game Changer

Nadya Bakhur

Researcher, Technical Writer

Magento (Adobe Commerce)

What Is Hyva: Exploring the Magento 2 Game Changer

Over the decade of working in e-commerce, our team has participated in creating and improving several dozen Magento-based web stores. We’ve noticed that the tasks are always more or less similar – we were asked to improve the website performance, detect and fix the code flaws, and reduce dependencies.

However, lately, we've been increasingly asked to either build a web store using the Hyva Magento theme or migrate the existing store to Hyva. Below, we will explore the Magento 2 Hyva theme to see if it is really an innovation to Magento development. 

Introduction: why Hyva themes creation was inevitable

Currently, there are more than 130 thousand live Magento-based websites. Moreover, in 2022-2023, the number of Magento-based web stores was rising even more actively than in 2020, the year when e-commerce faced a real boom:

Diagram with the number of active Magento-based websites by quarters, 2019-2024
The number of active Magento-based websites by quarters. Source.

The creation of a new Magento website requires the use of a theme. At NEKLO, we start almost every project with a basic theme, and in most cases, it used to be Luma – the standard option for Magento 2. However, we have noticed that projects based on this theme can sometimes be rather slow. This is facilitated by not ideal architectural solutions and an overabundance of scripts, styles, and third-party integrations necessary to make the UX for customers as comfortable as possible.

As a result, pages load slower, and developers must work with many different libraries, including Knockout or RequireJS, making the development process more complex and the final project rigid and hardly scalable.

It couldn’t go on like this anymore. In 2021, a group of intelligent young people from Western Europe who were working with Magento and constantly searched for simplification of the development process suggested a solution – the Hyvä theme for Magento 2.

Hyva Magento theme: what is it?

Hyva Themes is an innovative front-end solution for Magento-based websites. It was used with optimization in mind, and the creators really wanted to make the development process simpler without compromising quality. Actually, the four main principles of the Hyva theme creators are simplicity, quality, performance, and fun. Yes, the inventors of Hyvä really believe we should all have fun doing the work. Excellent approach! 😀

Right now, the use of Hyva Themes is more active in the Western European countries:

Diagram of countries and languages Hyva Themes are most commonly used
A breakdown of countries and languages used by Hyva Themes websites. Source.

However, considering its benefits to e-commerce business owners, we expect Hyva to win the attention of the US-based Magento-powered website owners soon.

Technically, Hyvä is available in three variants – Hyvä Themes, Hyvä Checkout, and Hyvä Enterprise:

  • Hyva Themes. Purchasing the Hyva Themes License allows you to apply the theme to one Magento 2 installation with limitless domains and views. You’ll get access to the Hyva theme code and all the compatible third-party modules. Among other advantages, you’ll receive HyvaUI free of charge. 

The cost of a license is €1,000, billed once.

  • Hyva Checkout. This new solution allows you to install Hyva to the checkout of your Magento-based website only. For now, you are required to purchase the Hyva Themes license first, and the solution will be valid for one Magento 2 installation with unlimited domains and storeviews. 

The price is €1,000 for five years, but you can select to pay €250 yearly, starting from the second year.

  • Hyva Enterprise. It is a premium offer from the Hyva Themes creators. It is compatible with all Adobe Commerce features, including the B2B Suite and Adobe Sensei. As with both previous options, it is valid for only one Magento 2 installation with limitless domains and storeviews. Pay attention that it requires the purchase of Adobe Commerce version and Hyva Themes license. 

This solution costs €2,500; you can pay yearly or once for five years. In this case, the cost will be €10,000 instead of €12,500.

Hyvä Themes is sometimes associated with PWA (Progressive Web App). But, as the developers have clearly stated, Hyva Themes is an alternative to headless PWA. JavaScript can not be the only possible solution for e-commerce systems development, and, therefore, now there is a product different from headless PWA, yet it allows one to build websites quickly and without hiring a large developers’ team.

Hyvä was not created to become “just one more Magento 2 theme”. Our Magento developers have already worked with this solution and admit that it really speeds up both the development process and the final product.

So, what was the Luma theme missing to remain one of the most demanded solutions for Magento 2 development? The developers have two answers to this question:

  • Luma is “heavy”. Luma requires the involvement of various tools and libraries, including Knockout, jQuery, and RequireJS to work with the front-end elements. That makes the whole website slower, and then, as a consequence, the website owner faces SEO optimization difficulties, Google ranks such a website lower, and the conversions decrease.
  • Luma is complicated. When asked about Luma, the Magento developers often smile with confusion and say that it is a nice theme; moreover, there aren’t so many alternatives… but it is complicated. And absolutely not developer-friendly. Customizing Luma is difficult; even editing some default files can become problematic.

We believe that the Hyva developers had these exact disadvantages in mind when creating their theme. See below what benefits Hyva offers to users.

Benefits of Hyva for Magento development

The Magento 2 Hyva may not yet seem an evident choice for website development. However, it has several benefits that can make it a “match made in heaven” for developing an e-commerce website.

Increased speed & improved performance

Page load speed and overall performance are the two vital points for every e-commerce website owner. Especially when even a 100-millisecond delay in the load time can increase a bounce rate by 7%.

The Hyva theme was created precisely to skyrocket your web store: as the volume of code delivered to the users is reduced, the speed and performance grow.

Reduced complexity

As mentioned above, the Hyvӓ theme was created to make the whole process simpler. And it really does: instead of loading over 200 JS/CSS resources (1.5 megabytes), Hyva loads 2 JS/CSS resources (0.2 megabytes). 

As there is no need to work with RequireJS, Knockout, and UIComponents, the work of a Hyva themes developer becomes significantly less complicated.

Numerous customizations

Hyva Themes allows users to add any necessary block to the website, making the web store design unique and aligned with the brand’s concept. 

Moreover, it is compatible with more than 400 various extensions, so you can easily add the desired functionality.

Flawless technical support

When working with Hyva, our Magento developers were amazed by the provided support. Basically, when you start working with Hyva on Magento 2, you join the fast-growing community of developers. You get access to all the official documentation, get added to the official Slack chat and GitHub page, and receive all the updates as soon as they are released. You can track all the tasks that are currently in progress of the Hyva developers team, and you are free to request any help necessary.

Availability to “newbies”

Getting started to work with Hyvä Themes for a developer already experienced with Magento can take a couple of days or so. This time is enough to learn how Alpine.js works, understand the theme’s structure, and practice assembling it. We would also recommend learning what Tailwind CSS is because this framework creates styles in the Hyva theme.

How to set up the Hyva Magento 2 theme for your website?

A scheme with the defined steps of how to set up the Hyvӓ Magento 2 theme for your website

Having released several Hyva theme projects, our specialists worked out a complete plan to set up the Hyva theme to an e-commerce website, and here it is!

Step 1. Website audit and estimates preparation

Following the initial meeting, our experts will conduct a tech audit of your e-commerce solution to assess its current state and analyze the performance metrics. We will suggest an action plan depending on the requirements and estimate how the Hyva theme installation will impact your website.

Step 2. Setting up the time frame

Before starting the work, we ensure the time frame is clear to everyone involved, including the team members working from our side and the client’s stakeholders. We also select a period to report the current progress and show the demo-version of the website with established updates.

Step 3. Pre-go-live processes

We will continuously test every improvement made to the website and provide all the necessary customizations and third-party integrations, leading the project to end-to-end user acceptance testing and pre-go-live simulation. 

Step 4. Go-live

With Hyva, we can avoid creating a special maintenance page for the period of theme installation and setting up. Special services, like readymage.com, allow launching Hyva on your website with zero downtime. Your customers will be able to continue shopping without any inconvenience!

Step 5. Post-release control and further development

Within the first week after the project is released and functioning, our team members track the essential website performance metrics and regularly check for probable glitches to make the necessary improvements immediately.

In addition, our e-commerce development experts can assist you in consistently improving your Magento-based solution, offering new strategies and functions tailored to your exact business needs.

What Hyva Theme services are offered at NEKLO?

Our experience in Hyva Themes development allows us to provide a full spectrum of related services to get the maximum of Hyva’s potential to your web store.

Hyva Theme installation and configuration

We will help you achieve optimal performance by seamlessly incorporating the Hyva theme into your Magento 2 store.

Custom Hyva development

The NEKLO team will create a Hyva theme-based interface for your web store from scratch, following your brand’s identity and business strategy.

Migrating the existing solution to Hyva

Our developers will move your current solution to the Hyva theme, enhancing the UX characteristics and backend functioning.

Overall website performance optimization

We will apply all the benefits the Hyva theme offers to improve your e-commerce website speed and responsiveness.

Extension compatibility testing

Our specialists will test if the extensions you use to widen your web store functionality are compatible with the Hyva themes and get the equivalent solution from our experts in case they are not.

Managed Hyva theme support & maintenance

With our professional tech support and maintenance services, you’ll receive an e-commerce website that is functioning smoothly and error-free.

Hyva theme training and consulting

NEKLO specialists will share the necessary knowledge and practical insights with your web store admins to help them get the maximum of the Hyva functionality and performance. 

NEKLO success stories with the Hyva themes development

The NEKLO in-house Magento 2 developers are excited to work with the Hyva Magento 2 theme. They say it is clear, easy to use, helps free up precious time to make real improvements to the website and brings real value to the eCommerce business.

Below, we’ll show you three cases we were working on, either developing the Hyva theme for the project from scratch or migrating the existing solutions to Hyva.

My1stYears

My1stYears web store build on Hyva main page screenshot

My1stYears is a luxury kids’ apparel brand from the United Kingdom. They produce exclusive baby clothes and accessories.

Challenge

The client requested NEKLO to upgrade their website, introduce new features, and provide quality technical support. Unfortunately for the client, their previous Magento development services provider didn’t complete the tasks on time, and we jumped into the project halfway.

Seeing the progress delivered by the NEKLO specialists, the client asked us to migrate the store to the Hyvä theme and provide integrations with third-party services and platforms.

Result

Our team followed the client’s requirements. We fixed all the flaws left by the previous developers and applied the latest security patches. We moved the web store to the Hyva theme and executed all the necessary customizations. 

The client remained pleasantly satisfied with the new web store functionality, but the brand was especially surprised by the skyrocketing page loading speed

Moreover, thanks to Hyva, the client got a website with a responsive design that is entirely compatible with and easily interpreted by various browsers on mobile devices. Such responsiveness pushed the website closer to a broad audience of customers who prefer shopping from a smartphone, and the client noticed a significant increase in conversions.

JustBeeKids

JustBeeKids Hyva-based web store screenshot

JustBeeKids is a brand focused on producing and customizing kids’ wooden toys and homeware products.

Challenge

The client asked NEKLO to develop a custom Magento website to sell personalized wooden toys and accessories for children. They underlined the importance of the Hyva theme application to this website and Adobe Live Search implementation as a search engine.

Result

This Magento 2 Hyva development project is notable because even at the development and testing stage, it demonstrated the reduction in loading times, which, together with a modern and responsive design, helps provide an exclusively convenient user experience.

FatFace

Our client is a UK-based modern fashion brand focused on producing various genuine leather products.

Challenge

The client came to us with a request to develop a custom Magento Community website, applying and adjusting the Hyva theme, following the client’s requirements. We were also responsible for integrating the Odoo modules and improving the overall performance.

Result

As with every project, this one started with a comprehensive audit and estimates presentation. After all the calculations and analysis, our experts discovered that migrating the website to the free Magento version would save more than 40% of the development budget.

We’ve executed the migration, shifted to the Elastic Suite product recommendation mechanism, and customized the Hyva theme, adding new modules and integrating essential payment gateways.

Conclusion

Hyva in Finnish means “good” or “advisable”. And after working with this solution, we can say it is really excellent and very convenient. It helps to optimize sometimes overly complicated development processes and not just promises but also ensures the e-commerce website performance enhancement and load speed increase.

If you need a qualified and experienced Hyva theme developer, contact NEKLO. Our experts in Magento 2 development will provide you with a consultation and will become a reliable partner for your project.