About
Granit is a Scandinavian home interior and lifestyle brand selling décor, storage, and everyday essentials. With a broad product catalog and a customer base that increasingly shops on mobile, the performance of their digital storefront directly affects the business.
Granit’s Magento store had been running on the Luma theme, which served its purpose but had grown into a technical liability. The decision to migrate to Hyvä was about faster iteration, better mobile experience, and a frontend that doesn’t accumulate technical debt with every change.
Project goals
The main goal was to modernize Granit’s digital storefront by moving away from a frontend that was becoming a liability and creating a better experience for their customers to foster loyalty.
- Move to a future-proof frontend architecture to make future development faster and less dependent on custom workarounds
- Improve website speed and achieve green Core Web Vitals
- Increase customer retention
- Enhance the overall website experience – faster load times, smoother mobile interactions, more intuitive navigation, and a cleaner UI
- Empower the team to manage the site independently, reducing technical dependency.
Problem
Granit’s Magento store had been running on Luma for years, and the limitations had been accumulating. The frontend was slow on mobile, difficult to maintain, and increasingly expensive to evolve, even though Granit was highly focused on growth and customer retention.
Luma’s JavaScript-heavy architecture meant that mobile shoppers experienced friction at exactly the wrong moments, like during browsing, loading, and adding items to cart. Search visibility and mobile conversion were low, and routine storefront updates required significant technical effort.
Executing this transition on a live store while managing payment integration changes, ongoing design alignment, infrastructure adjustments, and a tight go-live window tied to business priorities made this project especially demanding.
Solution
The answer to Granit’s frontend limitations was a full migration from Luma to Hyvä, Magento’s modern, performance-first theme framework, combined with a complete visual redesign and the rebuild of every major page type: homepage, PLPs, PDPs, and CMS pages.
Hyvä migration and redesign
One of the key decisions made early in the project was to stay as close to Hyvä’s default theme as possible rather than heavily customizing it. Additions were purposeful, such as the Snowdog menu for navigation, giving the team a flexible, backend-friendly tool for managing menus and category structure on multiple store views.
Reusable CMS blocks, a consistent design system, and structured templates mean the team can now create and update pages and launch promotions and seasonal campaigns with a fraction of the effort previously required. What used to need custom development can now be handled directly in the CMS.
Accessibility as part of the build
WCAG compliance was built into the redesign across all key page templates. With a more accessible storefront, more customers can use the site without blockers.
A new delivery workflow
This project introduced a more structured delivery process – all documentation, requirements, designs, and UAT materials are consolidated into a single shared source of truth. An internal UAT phase was introduced before testing to catch issues earlier. Milestone-based delivery and clearer handoffs reduced back-and-forth and made the process smoother for everyone involved, and the standardized approach is now reusable in future Hyvä projects.
Results
- Mobile blocking time reduced by up to 91%
- 760ms → 70ms (-91%) CMS
- 760ms → 120ms (-84%) PLP
- 420ms → 70ms (-83%) PDP
- 530ms → 240ms (-55%) Homepage
On the PDP, where the “Add to Cart” interaction matters most, the main thread is now blocked for under 100ms, below the threshold of user perception.
- Improved Lighthouse scores
- 39 → 60 (+54%) CMS mobile
- 39 → 58 (+49%) PLP mobile
- 72 → 99 (+38%) CMS desktop
- 60 → 92 (+53%) PLP desktop
- All green Core Web Vitals
- LCP: 1.1–1.8s (good threshold: under 2.5s)
- CLS: 0–0.06 (good threshold: under 0.1)
- INP: 52–168ms (good threshold: under 200ms)
- 100/100 SEO scores
- 85 → 100 SEO score on the homepage, PLP, PDP, and CMS pages
- No technical barriers for crawling, indexing, or structured data
- 0 CLS (zero layout shift), meaning content no longer shifts during load, eliminating accidental clicks
- Cleaner, more consistent UI aligned with the design system makes navigation more intuitive
The Granit team can now manage content, update pages, handle menus, and launch campaigns directly through the CMS. The new frontend is better structured and significantly less expensive to maintain.
Is your Magento store’s frontend holding you back? As a Hyvä Platinum Partner and a team with deep Magento performance optimization expertise, scandiweb will assess your current situation and recommend the right path. Let’s talk about what it would look like for your store.
Share on: