If you've spent any time working in Magento (Adobe Commerce), you already know the classic trade-off. The backend is incredibly robust and capable of handling complex B2B and enterprise logic. However, the native frontend stack (historically weighted down by Luma, Knockout.js, and endless XML layouts) has been a notorious bottleneck for performance … and developer sanity!
As an award-winning Hyvä Gold Partner, we at Envisage Digital have been at the forefront of the modern frontend revolution. We have successfully migrated numerous client stores to the lightning-fast Hyvä Theme and Hyvä Checkout.
But when it came time to completely rebuild and optimise our own site, we decided to take the ultimate step into the modern stack: building the new website with Hyvä CMS.
Having designed, developed and deployed the new site from the ground up, we want to share our first-hand experience with Hyvä CMS and detail the standout features that make it a massive game-changer for clients and developers alike.
What is Hyvä CMS?
Hyvä CMS is an integral part of the broader Hyvä Commerce suite. It replaces Magento’s aging PageBuilder and standard CMS editor with a sleek, modular, visual content management workspace.
Because it’s built natively for the Hyvä ecosystem, it uses the exact same lightweight stack: Tailwind CSS for styling and Alpine.js for micro-interactions. The result? Marketers can build rich page layouts without inadvertently bloating the DOM or crushing their Google Core Web Vitals. Crucially - it’s user friendly - so you can edit many fields via the CMS without needing to rely on a developers
Key Features from Our First-Hand Experience
Building a highly customised agency site requires pixel-perfect layouts, interactive case studies, and scalable content matrices. Here are the helpful features that genuinely made our build process easier, faster, and more efficient:
1. Native Tailwind CSS & Alpine.js Integration
With legacy page builders, adding a custom component usually meant writing custom CSS classes or pulling in hefty third-party libraries. With Hyvä CMS, you can use Tailwind CSS straight out of the box.
Want to adjust padding, change a grid layout on mobile, or add a subtle hover effect? It's all done inline using simple Tailwind classes. Alpine.js takes care of menus, dropdowns, and tabs natively, keeping the javascript footprint microscopic.
2. The Power of Block-Based Components
Instead of a single text field or an overly rigid drag-and-drop grid, Hyvä CMS organizes layouts into modular blocks. This allowed our design team to create unified design tokens and custom components (like our service matrices and hero sections) that our content editors could drop onto any page and reuse instantly. It bridges the gap between structured content and visual freedom.
Top tip! Once the blocks have been created, make a Block Guide in the backend. We used this technique; once the block menu was established, non-developers such as marketing and project management teams could jump on and migrate pages easily!
3. Inline Media Optimisation & Image Editing
Images are a killer of eCommerce performance. Hyvä CMS embeds media optimisation and an integrated image editor directly into the admin experience. This ensures that when an admin uploads an image to a blog post or landing page, it is properly cropped, scaled, and served in modern, next-gen formats (like WebP) without forcing the team to run it through external software first.
The platform also automatically resizes and optimises images for breakpoints defined in the backend, including dedicated mobile imagery. This means mobile visitors receive appropriately sized assets tailored to their devices, rather than oversized desktop images, helping to improve page load speeds, reduce bandwidth usage, and deliver a better user experience across all screen sizes.
4. Developer-to-Content Harmony
The absolute best part of our first-hand experience was how well it balances developer control with merchant usability. Developers can restrict design parameters to keep the brand cohesive, preventing content teams from accidentally breaking layouts with bad HTML or inconsistent spacing.
At the same time, the content team has a fast, real-time, fluid workspace to spin up new pages without ever needing a developer to write a line of code or run a deployment.
5. Live View Editor & Real-Time Content Editing
One of the standout usability features is the Live View Editor. Rather than constantly switching between the backend and storefront to check changes, content editors can see updates reflected in real time as they build pages.
This visual editing experience significantly reduces the trial-and-error typically associated with content creation, making it easier to build complex landing pages, adjust layouts, and validate content before publishing. For teams managing large volumes of content, it creates a much faster and more intuitive workflow.
6. Scheduled Publishing & Version History
Content management often involves more than simply creating pages. Campaign launches, seasonal promotions, and content updates all need to be carefully timed and managed.
Hyvä CMS includes scheduled publishing capabilities, allowing teams to prepare content in advance and automatically publish it at a predefined date and time. Combined with built-in version history, editors can track changes, review previous iterations, and restore earlier versions when needed.
For organisations with multiple stakeholders reviewing content, these features provide an additional layer of governance and peace of mind, ensuring that updates can be planned, audited, and rolled back without involving developers.
Additional features we found in Hyvä CMS, but didn’t need to use…
Advanced Menu Builder
Hyvä CMS also includes a flexible menu builder designed to simplify navigation management. Rather than relying on Magento's native category-driven navigation, content teams can create and manage custom menus directly within the CMS.
Menus can be built using a drag-and-drop interface, making it easy to create complex navigation structures, mega menus, promotional links, and landing page pathways without developer involvement. This gives marketing teams greater control over site navigation and allows them to adapt menus quickly for campaigns, seasonal promotions, or evolving customer journeys.
Deep AI-Powered Multilingual Support
For global brands and multi-locale sites, managing content translations is typically a logistical nightmare that involves duplicating blocks, chasing down localised URLs, or copy-pasting text back and forth. Hyvä CMS handles translations directly within the editor workspace.
- You can manage multi-locale support across multiple store views simultaneously without duplicating pages.
- Its smart AI Translation engine automatically looks at your source language and target locale to translate content intelligently.
- It’s clever enough to only target empty fields, giving you total control to leave existing manual overrides intact while batch-translating the rest.
The Verdict: Our Site Has Never Been Faster
Rebuilding the Envisage site wasn't just a styling exercise; it was a performance ugrade. Because Hyvä CMS cuts out legacy script bloat, our site achieved much improved Google Core Web Vitals automatically.
Speak to the Hyvä Experts
If you are currently running Magento 2 or Adobe Commerce and find yourself dreading promotional landing page setups, struggling with site speed, or fighting with legacy content blocks, Hyvä CMS is the missing piece of the puzzle. It keeps the heavyweight enterprise power of Magento in the backend while finally providing a frontend editing experience that feels modern, intuitive, and blisteringly fast.
Want to see how Hyvä can transform your Magento storefront? Explore our Hyvä Commerce Services or drop our team a line today!
