A projekt

Keserűk és üvegek egy 12 éves múlttal és egy évtizedes jelenléttel a Shopify platformon rendelkező szeszesital- és alkoholkereskedő. A projekt középpontjában a hagyományos platformról való technikai migráció állt.Superstore„Téma az Out of the Sandboxtól a modernig”Essentials” témát készítette: Noord. A cél a webhely teljesítményének és technikai stabilitásának javítása volt, miközben egyidejűleg megújították a márkaarculatukat a folyamatban lévő műveletek megzavarása nélkül.

Kihívás

A munka középpontjában a Shopify kirakat teljes körű technikai átállása és optimalizálása állt. A főbb eredmények a következők voltak:

• Téma migrációTeljes átmenet a Noord folyóra Essentials témát.
• Egyedi folyékony rekonstrukció: A Shogun által készített oldalak natív Shopify Liquid kóddal való lecserélése a technikai adósság csökkentése és a sebesség javítása érdekében.
• AlkalmazásoptimalizálásA meglévő alkalmazások alapos auditálása és újrakonfigurálása az új témaarchitektúrával való teljes kompatibilitás biztosítása érdekében.
• Márkafrissítés megvalósítása: Frissített tervezési eszközök integrációja, beleértve az új tipográfiát, színpalettákat és optimalizált logókat.

Függőleges / Földrajz

• FüggőlegesSzeszes italok és szesz kiskereskedelme.
• FöldrajzAz USA-beli székhelyű és az USA piacát célozza meg.

A folyamat

A projekt strukturált, két mérföldkőre épülő végrehajtást követett az átmenet hatékony kezelése érdekében:

1. fázis: Shopify témaátállás és márkaillesztés

Ez a fázis az alapvető áruházi környezet kiépítésére és a technikai architektúra összehangolására összpontosított az ügyfél márkafrissítésével.

• Átállási környezet beállítása: Az élő értékesítés zavartalan lebonyolítása érdekében minden munkát ellenőrzött környezetben végeztünk.
• Márkakészlet-integráció: A csapat integrálta az ügyfél tervezője által biztosított új vizuális identitást, beleértve a tipográfiát, a specifikus szín hex kódokat és az optimalizált logóelemeket az összes kirakatbeli érintkezési ponton.
• Navigáció és felhasználói felület rekonstrukciója: A fejléc és lábléc szerkezetét a nulláról építettük újra. Ez magában foglalta az összetett navigációs menük konfigurálását és a felhasználói felület optimalizálását a mobilközpontú élmény érdekében, biztosítva a nagy teljesítményt minden eszköztípuson.
• Vizuális replikáció: A meglévő áruház elrendezését a Noord térképen ábrázolták. Essentials a téma beállításait, hogy a visszatérő ügyfelek számára ismerős felhasználói élményt biztosítsanak, miközben kihasználják az új téma natív sebességét és képességeit.

2. fázis: Alkalmazásfelülvizsgálat, megvalósítás és technikai optimalizálás

Miután a vizuális alapot jóváhagyták, a hangsúly az áruház funkcionális rétegére és a technikai adósságok eltávolítására helyeződött át.

• Átfogó alkalmazásellenőrzés: Alapos áttekintést végeztünk a meglévő alkalmazáscsomagról (beleértve a Wholesale Lockot, a Min Maxify-t és a Subscriptions-t). Azonosítottunk redundáns vagy ütköző szkripteket, amelyeket el kellett távolítani a webhely betöltési idejének javítása érdekében.
• Natív folyékony rekonstrukció: Ennek a fázisnak a kritikus eleme a Shogun oldalkészítőről való elállás volt. 
• Hűségprogram és helyi kiszállítás beállítása: A csapat kezelte az integrációt Marsello a márka hűségprogramjához, és aprólékosan konfigurálta a Nash alkalmazás az ügyfél helyi szállítási logisztikájának támogatása érdekében.
• Régi kód tisztítása: „Alapos tisztítást” végeztünk a téma kódbázisán, eltávolítva a régi alkalmazásokból megmaradt kódrészleteket, hogy az új téma továbbra is letisztult és nagy teljesítményű maradjon.

Shopify Store Design

A tervezési stratégia középpontjában a következők álltak: Vizuális replikáció és a UX fejlesztésekA felhasználói élmény teljes újratervezése helyett a cél a meglévő UX „Essentials” témakörhöz való hozzárendelése volt. A tervezés főbb fókuszterületei a következők voltak:

• Vizuális folytonosság: A meglévő elrendezés replikálása, miközben integrálja az ügyfél tervezője által biztosított frissített Illustrator-eszközöket.
• Mobil-első optimalizálásA bannerek és ikonok méretének módosítása a zökkenőmentes, reszponzív élmény biztosítása érdekében.
• Navigációs architektúraA fejléc és a lábléc szerkezetének átrendezése és újraépítése az intuitívabb böngészés érdekében.

Weboldal funkciói és alkalmazásintegrációk

Az ügyfél specifikus üzleti modelljének támogatása érdekében számos nagy hatású funkciót és integrációt kezeltünk:

• Helyi kézbesítésIntegráció és konfiguráció: A Nash alkalmazás a helyi logisztika támogatására.
• Hűség és elkötelezettség: Áttérés ide Marsello a márka jutalmazási programjának kezelése, biztosítva, hogy a jellegzetes „Pontlicit” funkció továbbra is az ügyfelek elkötelezettségének és hűségének fő mozgatórugója maradjon.
• Natív újraépítések: Átmenet a klubok és a Jutalmak oldalak harmadik féltől származó készítőitől a natív Shopify részekig a betöltési idők és a karbantarthatóság optimalizálása érdekében.
• Működési alkalmazásokKülönböző integrációk kezelése, beleértve a Wholesale Lock-ot, a Min Maxify-t és az előfizetési funkciókat.

Összegzés

A projekt sikeresen átállt Keserűk és üvegek egy nagy teljesítményű Shopify környezetbe. A nehézkes, harmadik féltől származó oldalkészítők natív kóddal való lecserélésével és az alkalmazásverem optimalizálásával az áruház most jobb teljesítményt és megújult márkaidentitást élvez. A migráció biztosítja, hogy a technikai infrastruktúra elég robusztus legyen ahhoz, hogy támogassa a márka következő évtizedes növekedését, miközben megőrzi azokat az egyedi funkciókat, amelyeket az ügyfelek nagyra értékelnek.