A Sontiva egy családi vállalkozás, amely prémium lakberendezési tárgyakat és lovas kiegészítőket kínál. A márka története Magyarországhoz is kötődik, ugyanis az alapító gyerekkorában sok időt töltött lovak között, és a magyar erdőkben, mezőkön lovagolva szerette meg ezt a világot.
A termékeknél a természetes anyagok kapják a főszerepet, például a fa, a bőr, a travertin és a lenvászon. Minden termék Európában készül.
A webshop elsősorban a belga, holland, francia és német piacot célozza, ezért négy nyelven érhető el: angolul, hollandul, franciául és németül.
A feladatom egy teljesen egyedi Shopify webshop elkészítése volt, a design megvalósításától kezdve egészen a belga számlázási és könyvelési rendszer integrációjáig.
A webshop fejlesztése
A grafikai terveket egy designer készítette Adobe XD-ben, nekem ezek alapján kellett megépítenem a teljes Shopify-témát. A fejlesztéshez a Shopify Dawn alaptémáját használtam, amit a kapott tervek alapján alakítottam át. Így nem kellett mindent nulláról megírni, és a későbbi Shopify-frissítéseknél is egyszerűbb lesz a karbantartás.
A főoldalon videós bemutatkozás, kiemelt termékek és a márka története kapott helyet. A termékoldalakon a szokásos információk mellett külön szerepelnek az anyagok, az ápolási útmutatók, a szállítási és visszaküldési feltételek, valamint a tanúsítványok is.
Készült külön oldal a felhasznált anyagokról, a márka történetéről, illetve a gyakori kérdésekről is. Emellett a szükséges ügyintézési űrlapokat is kialakítottam.
Fontos szempont volt, hogy a megrendelő később önállóan tudja kezelni a tartalmakat. Ezért a szövegek, képek, kiemelt termékek és egyéb tartalmi elemek a Shopify adminfelületéről módosíthatók, fejlesztői segítség nélkül.
Ami több munkát igényelt
A design megvalósításánál az egyik nehézség a reszponzív kialakítás volt. A mobilos és asztali tervek több helyen jelentősen eltértek egymástól, ezért bizonyos részeket külön kellett megoldanom a két nézetre. Tabletes terv egyáltalán nem készült, így azt nekem kellett kialakítanom úgy, hogy a különböző képernyőméreteken is megfelelően jelenjen meg minden.
A másik kihívás az volt, hogy a megrendelő már a fejlesztés alatt is használta és szerkesztette a Shopify adminfelületén keresztül az áruházat. Emiatt különösen figyelni kellett arra, hogy egy új verzió feltöltésekor ne írjam felül az időközben elvégzett módosításait. A frissítések előtt mindig szinkronizáltam az aktuális élő témát, és csak az általam módosított fájlokat töltöttem fel.
A belga számlázás integrációja
Technikai szempontból talán ez volt a projekt legösszetettebb része. A megrendelő azt szerette volna, hogy a Shopify-rendelések automatikusan bekerüljenek a belga könyvelőiroda rendszerébe, majd onnan a könyvelésbe.
Ehhez több különböző rendszert kellett összekötni:
Shopify → Webwinkelfacturen → sbbFACT → Exact Online
Önmagában az adatok továbbítása nem lett volna különösebben bonyolult, viszont a különböző ÁFA-szabályok már jóval több odafigyelést igényeltek. Nem mindegy ugyanis, hogy a vásárló magánszemély vagy vállalkozás, Belgiumból, másik EU-tagállamból vagy az EU-n kívülről rendel. Ezekhez különböző ÁFA-kódok és számlázási szabályok tartoznak. Ráadásul Belgiumban 2026-tól a belföldi B2B számlázásnál kötelező a Peppol rendszeren keresztüli elektronikus számlázás is. Beállításra kerültek a szükséges ÁFA-kódokat, majd különböző tesztrendelésekkel ellenőriztük, hogy a számlák megfelelő adatokkal kerülnek-e át a rendszerek között.
Néhány további technikai megoldás
A fejlesztés során volt még pár dolog, amire külön figyeltem:
GDPR: A betűtípusokat helyben, illetve a Shopify tárhelyéről szolgálom ki, így azok betöltéséhez nem szükséges kapcsolatot létesíteni a Google szervereivel.
Előrendelés: A kifogyott termékek előrendelhetők. Ezt a Shopify saját funkcióival oldottam meg, külön fizetős alkalmazás nélkül.
Sebességoptimalizálás: Optimalizáltam a képeket, mobilon kikapcsoltam a videó betöltését, és javítottam a PageSpeed által jelzett problémákat, ahol erre volt lehetőség.
Karbantarthatóság: A téma a Dawnra épül, és a tartalmak nagy része közvetlenül az adminfelületről szerkeszthető.
Hol tart jelenleg a projekt?
A webshop már elérhető a https://sontiva-home.com címen. A weboldal fejlesztése elkészült, a számlázási integrációnál pedig még az utolsó tesztek vannak hátra. A Peppol aktiválása és a fennmaradó ÁFA-ellenőrzések után ez a rész is élesben működhet. Összességében ez nem csak egy Shopify-téma elkészítéséről szólt. A design megvalósítása mellett többnyelvű tartalomkezelést, egyedi megjelenítési megoldásokat és egy több rendszeren átívelő belga számlázási folyamatot is össze kellett raknom.
