Studiu de caz
Rogri
Migrare de pe tema Luma pe Hyvä pentru un magazin B2B de ambalaje, cu designul păstrat pixel cu pixel.
Ce am livrat
- Ecommerce
- Development
Proiect livrat de echipa VONTEQ. Cere-ne detalii despre cifre și despre cum am ajuns la ele.
Magazin B2B de ambalaje, cutii și consumabile de curierat. L-am mutat de pe tema standard Magento (Luma) pe Hyvä, fără să schimbăm designul cu care clienții lui erau deja obișnuiți.
Un magazin care funcționa, dar căra un frontend de zece ani
Rogri nu avea o problemă de design. Avea problema pe care o are orice magazin Magento rămas pe tema standard: frontend-ul Luma încarcă Knockout.js, RequireJS și jQuery înainte să deseneze ceva pe ecran. Pentru un magazin B2B, unde același client revine să comande de mai multe ori pe lună, fiecare secundă în plus se adună.
- Stiva Luma: Knockout.js, RequireJS, jQuery, LESS
- Catalog mare, cu comenzi repetate de la aceiași clienți
- Design pe care clienții îl știau — nu voiam să îl pierdem
Platformă înainte
Magento 2, temă Luma
Arhiva web a paginii principale din 14 septembrie 2024 conține 25 de referințe la RequireJS/Knockout și niciuna la Hyvä.
Platformă după
Magento 2 + Hyvä
Arhiva din 5 octombrie 2024 conține markup Hyvä și nicio referință la stiva Luma.
Fereastra de lansare
septembrie–octombrie 2024
Între cele două instantanee de arhivă de mai sus nu există altă captură.
Modificări de design
practic zero
Comparația pixel cu pixel între captura arhivată de dinainte și magazinul de azi dă potrivire completă, cu excepția unui banner rotativ.
Înainte și după
Cum arăta și cum arată
Da, sunt aproape identice. Ăsta e rezultatul, nu o scăpare: migrarea pe Hyvä nu obligă la un redesign. Clientul a schimbat motorul, nu vitrina.
- Knockout.js
- RequireJS
- jQuery
- LESS
- Alpine.js
- Tailwind CSS
14 septembrie 2024 — Magento 2 pe tema Luma
- Knockout.js
- RequireJS
- jQuery
- LESS
Astăzi — Magento 2 pe Hyvä
- Alpine.js
- Tailwind CSS
Cum am lucrat
Etapele proiectului
Audit
Inventarul modulelor care ating frontend-ul
Înainte de orice linie de cod, am făcut lista completă a modulelor care randează ceva în pagină și am marcat pentru fiecare dacă are variantă compatibilă Hyvä, dacă trebuie portat sau dacă poate fi eliminat. Aici se vede dacă o migrare e de 6 sau de 14 săptămâni.
Reconstrucție
Același design, motor nou
Am reconstruit componentele în Alpine.js și Tailwind, urmărind designul existent pixel cu pixel. Decizia a fost deliberată: clientul avea un magazin care vindea, iar un redesign simultan cu o migrare tehnică amestecă două riscuri și face imposibil de spus care schimbare a produs ce efect.
Paritate SEO
URL-uri, redirecturi, date structurate
Am păstrat structura de URL-uri, am verificat canonicalele, datele structurate de produs și sitemap-ul înainte de lansare. O migrare de frontend nu ar trebui să atingă deloc pozițiile din Google — dar le atinge, dacă nimeni nu verifică.
Lansare
Comutare fără oprirea vânzărilor
Magazinul a rămas live pe tot parcursul. Lucrul s-a făcut în paralel, iar comutarea s-a făcut într-o fereastră cu trafic mic, cu varianta veche pregătită pentru revenire imediată.
Ce urmează în acest studiu de caz
Preferăm să spunem ce nu am măsurat încă, decât să punem o cifră pe care nu o putem susține. Urmează, cu dată și metodă:
- Scorul PageSpeed pe mobil, înainte și după, cu data măsurătorii
- Evoluția ratei de conversie pe trei luni înainte vs. trei luni după
- Durata reală a proiectului, în săptămâni
Ești interesat să lucrezi cu noi?
Ne ajută informațiile suplimentare despre proiectul tău, cât și rezultatele pe care vrei să le obții.
- Telefon
- 0723 296 296
- [email protected]
- Birouri
- Headquarter București
Strada Samuil Vulcan nr. 12D, Sector 5, BucureștiSales Office Dubai
46 Al Marsa St, Dubai