Magento 2.4 Open Source, Hyvä Theme, Hyvä Checkout, Hyvä CMS, Alpine.js, Tailwind CSS, PHP
Started via Lufed IT, then direct freelance contract with HUBER SE
Starting point
The previous storefront ran on Adobe Commerce (Enterprise) as a headless setup. The business needed a maintainable open-source Magento stack, a full visual redesign, and a Hyvä storefront that marketing and SEO could actually own — without a long agency chain.
Architecture & migration
- •Drove the frontend migration from Adobe Commerce headless to Magento Open Source with Hyvä Theme, Hyvä Checkout and Hyvä CMS.
- •Owned the component system, layouts, translations and CMS-driven page structures used across the live store.
- •Worked as the main frontend contact: turned business, SEO and marketing requirements into a sequenced delivery plan.
Storefront delivery
- •Built the customer-facing layer end-to-end: home, PLP, PDP, cart, Hyvä Checkout, customer account, CMS and promotional content.
- •Created frontend tasks for backend and frontend work, then implemented Magento modules together with backend (example: Cart Share from the cart — snapshot, review URL, live recipient prices, admin grid).
- •Covered B2B flows around quotes, company accounts, multi-language store views and technical SEO (including product JSON-LD).
Performance & quality
- •Tuned Core Web Vitals on catalog templates: category Performance 99, product Performance 100 (Lighthouse, Aug 2026).
- •Homepage sits at 78 — FCP 0.6s, TBT 10ms, CLS 0; remaining gap is hero image payload (LCP), not JavaScript blocking.
- •Playwright coverage on the Hyvä theme plus production verification after each release.
Outcome
The Hyvä storefront went live after roughly six months of frontend work (January–July 2026). Catalog templates are in the green on Lighthouse; the stack is Magento Open Source rather than Adobe Commerce headless, with CMS and checkout that the client team can keep extending.
Visual proof
Live storefront — homepage
HUBER Digital Platform on Magento Open Source + Hyvä — hero, CMS content, category tiles.
Live storefront — category (PLP)
Manhole covers PLP: filters, product grid, Hyvä theme. Same template as the Lighthouse 99 run.
Category page — Lighthouse
Manhole covers PLP: Performance 99, Accessibility 91, Best Practices 96, SEO 92. FCP 0.6s, LCP 0.6s, TBT 70ms, CLS 0.
Homepage — Lighthouse
Home Performance 78 is held back by hero image LCP (4.4s), not script cost — TBT 10ms and CLS 0.
Metrics
Category page (Lighthouse)
Performance 99
Product page (Lighthouse)
Performance 100
Homepage (Lighthouse)
78 — TBT 10ms, CLS 0
PLP FCP / LCP
0.6s / 0.6s
Delivery
Jan–Jul 2026 to production
Stack
Magento OS + Hyvä Theme / Checkout / CMS
My role
Sole front-end owner and delivery lead: architecture, Hyvä UI, CMS, checkout, performance, technical SEO, task breakdown for backend, and custom Magento modules (including Cart Share) implemented with the backend developer.